html - List-style goes away with inline-block - but I want my list decorators to stay -
how them stay?
i have following list - moment add list li
display: inline-block;
custom list decorators designated disappear.
is there css way of keeping list decorators when list horizontal, or list decorators ever supposed appear vertical lists? of course have image next every list entry, simplicity's sake i'd rather deal in css.
.first-page-menu-list { list-style-image: url('../graphics/list-style-image.png'); list-style-position: inside; text-transform: uppercase; }
an alternate method consists of floating li
elements.
<ul> <li>the item</li> <li>the item</li> <li>the item</li> </ul> ul { overflow: auto; /* similar clearing floats... */ border: 1px solid gray; } ul li { float: left; border: 1px solid blue; padding: 10px; margin: 0 20px; }
demo fiddle: http://jsfiddle.net/audetwebdesign/kbnvz/
Comments
Post a Comment