KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I have menu items like: Row1 Row2.. RowN and I want them not to be that wide - that's why including breaks (with max-width) I have this HTML: <div> <ul> <li>Row1</li> <li>Row1 Row2 Row3</li> <li>Row1</li> <li>Row1 Row 2</li> </ul> </div> with this CSS: /* MENU */ .menudiv {padding-left:10px; border-bottom: 1px solid #d0db88;} ul.menu { list-style-type: none; min-width: 1050px; position: relative; left:10px; display: block; height: 45px; margin: 0; padding: 0; } ul.menu li { float: left; margin: 0; padding: 0; } ul.menu li a { float: left; text-decoration: none; padding: 9px 12px 0; font-weight: bold; max-width:130px; } Actual: +--------------------+ |Row1 Row1 Row1 Row1 | | Row2 Row2 | | Row3 | +--------------------+ What I need: +--------------------+ | Row1 | | Row2 Row1 | |Row1 Row3 Row1 Row2 | +--------------------+
Tags (comma-separated)
Save Edits
Cancel