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

Popular posts from this blog

css - Which browser returns the correct result for getBoundingClientRect of an SVG element? -

gcc - Calling fftR4() in c from assembly -

.htaccess - Matching full URL in RewriteCond -