<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dw="https://www.dreamwidth.org">
  <id>tag:dreamwidth.org,2009-05-06:301081</id>
  <title>Darkoshi</title>
  <subtitle>Darkoshi</subtitle>
  <author>
    <name>Darkoshi</name>
  </author>
  <link rel="alternate" type="text/html" href="https://darkoshi.dreamwidth.org/"/>
  <link rel="self" type="text/xml" href="https://darkoshi.dreamwidth.org/data/atom"/>
  <updated>2012-02-23T03:58:50Z</updated>
  <dw:journal username="darkoshi" type="personal"/>
  <entry>
    <id>tag:dreamwidth.org,2009-05-06:301081:351044</id>
    <link rel="alternate" type="text/html" href="https://darkoshi.dreamwidth.org/351044.html"/>
    <link rel="self" type="text/xml" href="https://darkoshi.dreamwidth.org/data/atom/?itemid=351044"/>
    <title>Dreamwidth profiles; image floating</title>
    <published>2012-02-23T03:58:50Z</published>
    <updated>2012-02-23T03:58:50Z</updated>
    <category term="dreamwidth"/>
    <category term="css"/>
    <category term="html"/>
    <dw:security>public</dw:security>
    <dw:reply-count>3</dw:reply-count>
    <content type="html">&lt;a href="http://www.dreamwidth.org/support/faqbrowse?faqid=228"&gt;This&lt;/a&gt; explains why my HTML and CSS tags weren't working right on the Dreamwidth profile page.&lt;br /&gt;&lt;br /&gt;&lt;q&gt;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. &lt;/q&gt;&lt;br /&gt;&lt;br /&gt;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.&lt;br /&gt;&lt;br /&gt;That said, if you include an "img" tag with &lt;code&gt;class="profile"&lt;/code&gt;, it will use these CSS settings:&lt;br /&gt;&lt;code&gt; &lt;br /&gt;.profile {&lt;br /&gt;    float: left;&lt;br /&gt;    margin-right: 70px;&lt;br /&gt;}&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;thereby letting your text float to the right of the image, with a padding of 70 pixels between them.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;On a rather unrelated note, here are some interesting &lt;a href="http://www.homedit.com/21-of-the-most-interesting-floating-staircase-designs/"&gt;floating staircases&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;&lt;img src="https://www.dreamwidth.org/tools/commentcount?user=darkoshi&amp;ditemid=351044" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/&gt; comments</content>
  </entry>
</feed>
