What's new
  • When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

Help centering code

gr00vy

ur such a dream 2 me
Code:
[nobr][class=pfptext]
position: relative;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s;
color: white;
background-color: rgb(0,0,0,0.7);
[/class]

[class name=pfptext state=hover]
opacity: 1;
[/class]

[Row]
[Column=span1][div=background:url('https://66.media.tumblr.com/4cc8180216092787f4183706e51c1213/tumblr_oxd97jE4JK1trnunpo5_250.png'); background-size: cover;border: 2px white double; border-radius: 300px; height: 100px; width: 100px; padding: 30px;][/div]
[br][/br]
[div=background:url('https://66.media.tumblr.com/bcd36639ff15b10b399529bc64726eed/tumblr_pdr4zj05va1xz7azio5_250.jpg'); background-size: cover;border: 2px white double; border-radius: 300px; height: 100px; width: 100px; padding: 30px;][/div][/Column]

[Column=span2][div=background:url('https://i.pinimg.com/236x/d4/10/92/d410921923c9800cfbf37e4d7c11069c.jpg');margin: auto; border-color:white; border-style:double; height: 400px;width: 230px;][div class=pfptext]boi[/div][/div][/Column]

[Column=span3][div=background:url('https://66.media.tumblr.com/4cc8180216092787f4183706e51c1213/tumblr_oxd97jE4JK1trnunpo5_250.png'); background-size: cover;border: 2px white double; border-radius: 300px; height: 100px; width: 100px; padding: 30px;][/div]
[br][/br]
[div=background:url('https://66.media.tumblr.com/bcd36639ff15b10b399529bc64726eed/tumblr_pdr4zj05va1xz7azio5_250.jpg'); background-size: cover;border: 2px white double; border-radius: 300px; height: 100px; width: 100px; padding: 30px;][/div][/Column][/Row][/nobr]
Hey there! How would I center this code (in the spoiler above)
 

Fyuri

ᴍᴏɴᴀᴄʜᴏᴘsɪs
Administrator
Supporter
The easiest way would be to wrap the entire code with a set width and then add margin:auto which would center it.
 

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

Top