Dear Oh Most Helpful List,
I have a list of hours
Monday - Friday 9:00 AM - 9:00 PM
Saturday 9:00 AM - 7:00 PM
Sunday Closed
I want the times to be aligned on one side and the days aligned. Any
idea on how to do this? All I can find is hack using tables. There's
got to be a better way.
I'm thinking code similar to this
<style>
.hours{
list-style:none;
text-align:left;
}
.time{
text-align:right;
position:absolute;
left: 400px;
}
</style>
<div>
<ul class="hours">
<li>Monday - Friday<span class="time">9:00 AM - 9:00 PM</span></li>
<li>Saturday<span class="time">9:00 AM - 7:00 PM</span></li>
<li>Sunday<span class="time">Closed</span></li>
</ul>
</div>
Now this will work however if I Stick this in a div then start moving
the div around the absolute positioning will kind of mess things up
right? This will position it absolutely to the page not the div. I'd
also like to have something a little flexible for future updates.
Any suggestions?
Sarah
______________________________________________________________________
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/
