Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Sep 2008
    Location
    Portland, OR
    Posts
    82
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Getting text on one line

    on this site: http://emilydickinson.us

    I can't figure out how to get all the the h1 heading to be on one line. I tried changing the h1 style width in header:
    h1 {

    font-size: 2.4em;

    font-weight: normal;
    font-style: italic;

    color: #FFF0D0;

    letter-spacing: 1px;

    padding: 22px 0 6px 0;

    margin: 0 0 2px 15px;

    border-bottom: 1px solid #843419;

    width: 52%;

    }

    but it didn't change anything. I wanted to move the image to the right and bring the h1 line more to the left. How is this done?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,668
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello vinoman2,
    Try this:
    Code:
    h1 {
    font-size: 2.4em;
    font-weight: normal;
    font-style: italic;
    color: #FFF0D0;
    letter-spacing: 1px;
    padding: 22px 0 6px 0;
    margin: 0 0 2px 15px;
    border-bottom: 1px solid #843419;
    }
    or
    Code:
    h1 {
    font-size: 2.4em;
    font-weight: normal;
    font-style: italic;
    color: #FFF0D0;
    letter-spacing: 1px;
    padding: 22px 0 6px 0;
    margin: 0 0 2px 15px;
    border-bottom: 1px solid #843419;
    width: 65%;
    }
    Just to be a purist... I don't think this is a paragraph <p>The Life and Times of Emily Dickinson</p>
    Maybe that should be your <h2>
    Last edited by Excavator; 10-25-2009 at 11:15 PM.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder ahayzen's Avatar
    Join Date
    Jun 2009
    Posts
    110
    Thanks
    8
    Thanked 11 Times in 11 Posts
    which heading? They are all on one line for me

  • #4
    New Coder
    Join Date
    Sep 2008
    Location
    Portland, OR
    Posts
    82
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello vinoman2,
    Try this:
    Code:
    h1 {
    font-size: 2.4em;
    font-weight: normal;
    font-style: italic;
    color: #FFF0D0;
    letter-spacing: 1px;
    padding: 22px 0 6px 0;
    margin: 0 0 2px 15px;
    border-bottom: 1px solid #843419;
    }
    or
    Code:
    h1 {
    font-size: 2.4em;
    font-weight: normal;
    font-style: italic;
    color: #FFF0D0;
    letter-spacing: 1px;
    padding: 22px 0 6px 0;
    margin: 0 0 2px 15px;
    border-bottom: 1px solid #843419;
    width: 65%;
    }
    Just to be a purist... I don't think this is a paragraph <p>The Life and Times of Emily Dickinson</p>
    Maybe that should be your <h2>
    Thanks, I removed the width and it's now on one line.


  •  

    Posting Permissions

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