Question

I’ve got problem placing the date in the example right behind the text

<div class="content">
<div class="header">
    <div class="text">asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this --> </div>
    <div class="date">12/12/12</div>
</div>
<div class="tt">asdf asd fdsa fdsa sad fdsas  fa fa f fda fda</div>

​

.content {
 display: block
}

.header, .tt {
 float: left;
}

 .header { 
 width: 100%;            
 }

.text {
 background: red;     
}

.date {
   background: blue;            
 }

please see the example:

http://jsfiddle.net/HpC9p/5/

I wan’t the blue date to follow right after the text, regardless of number of lines

Answer 1

Why don’t you move your “date” div inside your “text” class and remove it’s floating and set it to “display: inline”? It’s so much easier!

This is what you’ll have:

<div class="text">
    asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this -->
    <div class="date">12/12/12</div>
</div>

And for the CSS:

.date {
   background: blue;
   display: inline;
}