treehouse : what would you like to learn today?
Web Design Web Development iOS Development

ORDERED LIST BULLET FONT SIZE

  • I have an Ordered list with 5 list items and i need the numbers 1, 2, 3, 4, & 5 to be bigger than the list item content.
    an over sized number basically.

    i have no idea how to target just that 1 number. can anybody help?
  • You can use <p> tags to change the style of the list -


    the CSS:

    ol {
    style of your number
    {
    ol p {
    style of your text
    }


    the HTML:

    <ol>
    <li>
    <p>First thing</p>
    </li>
    <li>
    <p>Second thing</p>
    </li>
    <li>
    <p>Third thing</p>
    </li>
    <li>
    <p>Fourth thing</p>
    </li>
    <li>
    <p>Fifth thing</p>
    </li>
    </ol>