Title: floats?   (html w3 validated)
Last modified: August 19, 2016

---

# floats? (html w3 validated)

 *  [samueldiener](https://wordpress.org/support/users/samueldiener/)
 * (@samueldiener)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/)
 * Hey—- almost done my page at [http://www.blogeditor.net](http://www.blogeditor.net)
 * I am having some issues with the content floating along the left sidebar though.
   The first post moves up like I would like it to. However, the second, does not.
   I do not understand because they both have the same width.
 * What I did find, was that the height of the first post was the entire height 
   of the left sidebar, which is confusing to me, since the post is WAY shorter.
   If I float the “post,” the height becomes correct, but then it moves down below
   the left sidebar.
 * If I change the width on the posts (they both are apart of hte same div) they
   will move up along the sidebar properly, but than not wrap below.
 * All I want is the content to be sequential down the sidebar, and than wrap properly.
   Did I miss something here!?
 * Thanks guys!

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Peter Boosten](https://wordpress.org/support/users/pboosten/)
 * (@pboosten)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/#post-1259663)
 * Your posts are in an unnamed div. Give this div an ID, and let it float left (
   you should probably give it a fixed width of say 500px).
 * I suspect then all will work out.
 * Peter
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/#post-1259666)
 * Could this be your problem:
 *     ```
       /*---:[ self-clearing floats from Dan Cederholm ]:---*/
       ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
       ```
   
 * Note that `.format_text:after` is being included. Try adding:
 * `.format_text:after {clear:none;}`
 * to your custom css.
 *  Thread Starter [samueldiener](https://wordpress.org/support/users/samueldiener/)
 * (@samueldiener)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/#post-1259690)
 * ESMI —– SHAZAAAAM!
 * thanks for the fix man. I never saw this :after thing. Did you see it in inpect
   elements?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/#post-1259691)
 * I ended up viewing the raw CSS and searching on any clears. Firebug doesn’t seem
   to show pseudo :before and :after blocks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘floats? (html w3 validated)’ is closed to new replies.

 * 4 replies
 * 3 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [16 years, 6 months ago](https://wordpress.org/support/topic/floats-html-w3-validated/#post-1259691)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics