Get a free trial // Grow your CSS skills // Land your dream job

List Style Image Issue

  • TWG
    # October 9, 2012 at 5:19 pm

    I’ve used images in place of list style default icons before with no issue. For some reason, probably simple & dump, I can’t get this one to work properly. I’m wanting the text to show directly to the right of the new icon image. I have the code over @ [codepen]( “Code @ Codepen”).


    <li><a href="#"><h6>Test Item</h6><span>October 1</span></a></li>
    <li><a href="#"><h6>Test Item</h6><span>October 3</span></a></li>
    <li><a href="#"><h6>Test Item</h6><span>October 5</span></a></li>


    li { list-style-image: url(''); }
    li a { vertical-align: top; }
    li h6 { font-size: 14px; margin: 0px; }
    li span { font-size: 12px; }
    a { text-decoration: none; }

    # October 9, 2012 at 5:52 pm

    @Maddtechwf Someone might be able to improve this:

    # October 9, 2012 at 6:40 pm


    Looks good to me.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed