Help cut off?

[houseplant]

so when i was coding, during the preview it looked fine the picture was full and the 'don't take it personal' wasn't so far down, but when i posted the code everything cut off? how can i fix it?

[nobr]
[class=img1]
height:500px;
width:300px;
background:url('https://66.media.tumblr.com/8bf8d101b3f0f14f192d808767676b26/tumblr_pdo4kz7MlB1xqxmoto4_640.png');
background-size:cover;
border-radius:20px;
[/class]

[class=personal]
width:300px;
height:20px;
background:rgba(127,51,51);
margin:auto;
margin-left:0px;
margin-top:-100px;
[/class]

[div class=img1][/div]

[div class=personal][center][color=white][font=Satisfy][size=5]don't take it personal[/size][/font][/color][/center][color=white][/color][/div]
[/nobr]

 

[Fable]

It is the margin-top:-100px. Use positions instead for this.

[nobr]
[class=img1]
height:500px;
width:300px;
background:url('https://66.media.tumblr.com/8bf8d101b3f0f14f192d808767676b26/tumblr_pdo4kz7MlB1xqxmoto4_640.png');
background-size:cover;
border-radius:20px;
[/class]

[class=personal]
position:relative;
top:-100px;
left:0;
width:300px;
height:20px;
background:rgba(127,51,51);
[/class]

[div class=img1][/div]

[div class=personal][center][color=white][font=Satisfy][size=5]don't take it personal[/size][/font][/color][/center][color=white][/color][/div]
[/nobr]

[class=img1] height:500px; width:300px; background:url('https://66.media.tumblr.com/8bf8d101b3f0f14f192d808767676b26/tumblr_pdo4kz7MlB1xqxmoto4_640.png'); background-size:cover; border-radius:20px; [/class] [class=personal] position:relative; top:-100px; left:0; width:300px; height:20px; background:rgba(127,51,51); [/class] [div class=img1][/div] [div class=personal]

don't take it personal​

[/div]

 

[houseplant]

It is the margin-top:-100px. Use positions instead for this.

[nobr]
[class=img1]
height:500px;
width:300px;
background:url('https://66.media.tumblr.com/8bf8d101b3f0f14f192d808767676b26/tumblr_pdo4kz7MlB1xqxmoto4_640.png');
background-size:cover;
border-radius:20px;
[/class]

[class=personal]
position:relative;
top:-100px;
left:0;
width:300px;
height:20px;
background:rgba(127,51,51);
[/class]

[div class=img1][/div]

[div class=personal][center][color=white][font=Satisfy][size=5]don't take it personal[/size][/font][/color][/center][color=white][/color][/div]
[/nobr]

[class=img1] height:500px; width:300px; background:url('https://66.media.tumblr.com/8bf8d101b3f0f14f192d808767676b26/tumblr_pdo4kz7MlB1xqxmoto4_640.png'); background-size:cover; border-radius:20px; [/class] [class=personal] position:relative; top:-100px; left:0; width:300px; height:20px; background:rgba(127,51,51); [/class] [div class=img1][/div] [div class=personal]

don't take it personal​

[/div]

ahh okay thanks!