SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How Do I Position The H5 and Span Side By Side

    In the linked example below, I am wanting to position the H1 and a span to sit side by side. The H1 is what I am trying to recreate with the H5 tag.

    I am using image replacement and text-indent to style the H1 tag. This is the look I am going for.

    The H5 has a nested span and I cannot figure out how to set them side by side. Can someone help me out?

    LINK-
    http://www.elliotteyecare.com/about-us/index2.php


    Thanks in advance,

    Todd
    Todd Temple > T2 Design

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,370
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'd probably do something like this:

    Code:
    h5{overflow:hidden;position:relative}
    
    h5 span{
    position:absolute;
    height:18px;
    width:99em;
    margin:.4em 0 0 2em;
    }
    I would use a class on the h5 though as you don't want to set that globally.

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the fix Paul!
    Todd Temple > T2 Design


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
  •