What am I missing here?
I am trying to get a 4-8-4-8 layout where the span-4 contains a logo
image, and the span-8 contain company description. I feel like the
example below should not need the '<hr class="space">'. However, try
the example below and remove '<hr class="space">' and you find the
second "row" floats into the first row. I have tried every possible
clearfix I can think of.
<div class="container">
<div class="span-4">
<img src="http://l.yimg.com/a/i/ww/beta/y3.gif";
width="150"
height="44" alt="logo">
</div>
<div class="span-8">
FEATURE TITLE
</div>
<div class="span-4">
<img src="http://l.yimg.com/a/i/ww/beta/y3.gif";
width="150"
height="44" alt="logo">
</div>
<div class="span-8 last">
FEATURE TITLE
</div>
<hr class="space">
<div class="span-4">
<img src="http://l.yimg.com/a/i/ww/beta/y3.gif";
width="150"
height="44" alt="logo">
</div>
<div class="span-8">
FEATURE TITLE
</div>
<div class="span-4">
<img src="http://l.yimg.com/a/i/ww/beta/y3.gif";
width="150"
height="44" alt="logo">
</div>
<div class="span-8 last">
FEATURE TITLE
</div>
</div>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
![http://l.yimg.com/a/i/ww/beta/y3.gif"](http://l.yimg.com/a/i/ww/beta/y3.gif"){kind=link}