Special Characters for Lists
  • June 17, 2013 5:12 pm Published by Leave your thoughts

    If you’re tired of using the regular old lists, you can add some flair to them by using a little css and some ascii characters.

    
    li{list-style-type:none;} <--!-- this removes the default bullet-->
    li:before{content:"\2713 \0020";} <--!-- this adds two characters before the list item-->
    <--!-- the first character(\2713) is the check mark-->
    <--!-- the secondcharacter(\0020) is a space-->
    
    
    
    • List Item 1
    • List Item 2
    • List Item 3

    To use different characters, refer to the ascii website.

    Tags: , ,

    Categorised in:

    This post was written by admin

    Leave a Reply

    Your email address will not be published. Required fields are marked *