2012-02-22

darkoshi: (Default)
2012-02-22 10:44 pm

Dreamwidth profiles; image floating

This explains why my HTML and CSS tags weren't working right on the Dreamwidth profile page.

To maximize cross-browser compatibility and make the site more accessible for people with disabilities, we use CSS (Cascading Style Sheets) to strip all browser default styling from many HTML tags on site-skinned pages.

The default CSS used on the page seems to override any non-CSS formatting attributes which you might include, and if you include any CSS "style" attributes, they get stripped out.

That said, if you include an "img" tag with class="profile", it will use these CSS settings:

.profile {
float: left;
margin-right: 70px;
}


thereby letting your text float to the right of the image, with a padding of 70 pixels between them.


On a rather unrelated note, here are some interesting floating staircases.