![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Dreamwidth profiles; image floating
Wednesday, February 22nd, 2012 10:44 pmThis explains why my HTML and CSS tags weren't working right on the Dreamwidth profile page.
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
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.
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.