css list item with subcontent

Discussion in 'CSS' started by gtka, May 17, 2008.

  1. #1
    Hi , im trying to create a list item where each "bullet" contains a description for the bullet! For example:

    ////////////////////////////////////////////
    * Books
    __We offer books in low prices....

    * CDs
    __We offer cds in low prices....

    * DVDs
    __We offer the same as above..........

    ////////////////////////////////////////////
    where the underscore is the text indent.

    How can i manage it without using tables, just with list items? I would like to have some styling in the list item (other text color for "books" other for the description, smaller line height for the description paragraph etc).

    Any help please??
     
    gtka, May 17, 2008 IP
  2. xd2

    xd2 Peon

    Messages:
    694
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You need to makes sure you use ul tags and close all your li tags example
    <ul>
    <li>List one:<br />This is the description</li>
    <li>List two:<br />This is the description</li>
    </ul>
    Code (markup):
     
    xd2, May 17, 2008 IP