On Mon, Jun 11, 2012 at 10:54 PM, Art Thompson, Jr. <[email protected]> wrote: > CSS-Tricks to the rescue! I found this 2007 hack from Chris Coyier that > contained the missing link. Turns out, the sub-nav ul needs to be wrapped in > a div with margin:0,auto and a value I've not used before: display:table. > Though Chris' example uses image buttons, the net effect was exactly what I > needed to achieve: none of the list items' content wraps and the ones that > don't fit drop to the next line. There's not much explanation in > to display:table other than it just "works."
Remember table-based layout? "display:table" lets you still do that, but with CSS. It implicitly treats the children of the element it is applied to as table cells in a table row. (There are also "display:" values that correspond to all the other table-related elements, if you want to go that route: https://developer.mozilla.org/en/CSS/display#Values ) --Janet -- Our Web site: http://www.RefreshAustin.org/ You received this message because you are subscribed to the Google Groups "Refresh Austin" group. [ Posting ] To post to this group, send email to [email protected] Job-related postings should follow http://tr.im/refreshaustinjobspolicy We do not accept job posts from recruiters. [ Unsubscribe ] To unsubscribe from this group, send email to [email protected] [ More Info ] For more options, visit this group at http://groups.google.com/group/Refresh-Austin
