On 06.01.2010 06:03, Jack Bates wrote:
> How can I style the following,
>
> <div class="field">
>    <h3>Name</h3>
>    <div>
>      Value
>    </div>
> </div>
>
> - so it displays with the name on the left, the value on the right, and
> a grey background behind the name?
>
> http://www.sfu.ca/~jdbates/tmp/css/201001050/screenshot.png
>
> I almost have it working, http://www.sfu.ca/~jdbates/tmp/css/201001050/
>
> - but the grey background isn't as tall as a long value, as it is in the
> above screenshot : (
>
> How can I get the background to extend the full height of the value (in
> case the value is taller than the name)?
>
> Is there a better way to do this?
>    

.field h3
{
width:50px;
float: left;
}

.field div {
width:250px;
float: left;
}



-- 
Boray Eris

pidizayn.com <http://www.pidizayn.com/>

______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to