css - li tag, IE7 and text in one line (row) -
i have text in <li>
tags, , show text in 1 line.
with firefox good, ie7, no. in ie7 must give <li>
elements width
. text can long or short. no me: width 50px;
#menu_all li{ float:left; display: block-inline; padding:0; margin-left: 5px; } <div id="menu_all"> <ul> <li><span class="text">text</span></li> <li><span class="text">text2</span></li> <li><span class="text">text2 text text</span></li> </ul> </div>
how make <li>
menu show in ie7 on 1 line?
thanks
looks error in css. it's display: inline-block;
not display: block-inline;
.
revised code:
#menu_all li { float: left; display: inline-block; padding: 0; margin-left: 5px; } <div id="menu_all"> <ul> <li><span class="text">text</span></li> <li><span class="text">text2</span></li> <li><span class="text">text2 text text</span></li> </ul> </div>
Comments
Post a Comment