SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help styling text in the li tag

    Hi. I have some text in my <li> tag like the following

    <li>100% Money Back Guarantee</li>

    What I want to do is to make the '100%' text bigger than the 'money back guarantee' text.

    How can I achieve this using css please?

    Can I use the <em> tag like this
    <li><em>100%</em> Money Back Guarantee</li>

    and add some css to the em tag???

    Hope someone can tell me the correct way of doing this.....cheers

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <em> and <strong> are used to emphasise a word so it could be argued that this is the correct use but I don't think I'd use it in this situation.

    If it's just to make the text appear bold then I'd used <b></b> tags which are perfectly valid.

    Alternatively you could use <span></span> tags to wrap the word and then apply styles to that.

    Any of those ways would be valid though but I'd probably opt for one of the later two in this situation.

  3. #3
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cheers csswiz. I need it to make the font-size bigger.

    Thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •