Phil Turner wrote:
> Hi everyone
> I know this is a simple solution but its evading me
>
> http://www.philturner-uk.com/kruger/davinci.html
>
>   
Think of it as a list of stuff that is set horizontally rather than 
vertically:
CSS
#stuffcontainer ul { border-top: 1px solid red; border-bottom: 1px solid 
red; text-align: center; padding: 5px 0;margin: 0; width: 100%/* or px  
width of column*/; }
#stuffcontainer ul li { display: inline; padding: 0 5px; }
#stuffcontainer ul li a { padding: 5px 10px;text-decoration: none; }
Markup
<div id="stuffcontainer">
<ul id="stufflist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


-- 
http://chelseacreekstudio.com/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to