Css text width error?

Discussion in 'CSS' started by drewtoby, Jul 3, 2011.

  1. #1
    Hello, I am trying to center the text of my webpage, elvenprog.com/wallpaper4cash/. However, CSS will always move my text to the left if I add the width function. My css code is:

    
    
    .text {
    top:220px;
    text-align: center; 
    FONT-SIZE:18px;
    color:white;
    position:absolute;
    z-index: 9;
    }
    
    
    Code (markup):
    and my html code is:

    
    
    <p class="text">
    Looking for a new way to make money? If so, this site is for you! Wallpaper4cash is a new passive income program that allows you to earn 
    
    money by downloading wallpapers, and typing out the 200 word ad that appears on it (to confirm the view). It is that simple! How does it 
    
    work? Advertisers pay us to send their ads to you, which in turn, we pay you to view! Once you view the ad, you type out the ad as a 
    
    confirmation. Once we check to make sure your confirmation is valid, we will pay you a minimum of $0.05 USD for the view. Once your 
    
    account reaches the payout amount of $5, we will send your payment via paypal. Still interested? Click on the login tab (top right), 
    
    then click on the sign up button! We hope that you will enjoy our program!
    </br>
    </br>
    </br>
    Still unsure if you should join? Check out our sample account <a 
    
    href="http://www.elvenprog.com/wallpaper4cash/users/drewtoby.html">HERE!</a>. Please login with Firefox, as IE does not open scripted 
    
    pages well. The password for the account is test. Also, view this program's forum <a 
    
    href="http://www.elvenprog.com/forum/bbpress/forum.php?id=1">HERE.</a>
    </br>
    </br>
    </br>
    P.S.~ If you are interested in advertising with us, click <a 
    
    href="http://www.elvenprog.com/wallpaper4cash/signupadvertisers.html">Here</a> to contact us with an offer! 
    
    
    Code (markup):
    PLZ HELP! Thanks!
     
    drewtoby, Jul 3, 2011 IP
  2. getadviced

    getadviced Well-Known Member

    Messages:
    557
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    130
    #2
    the problem is with the layout. put the background image on to the body's background attribute and we can align the text easily.

    to align a block to center use margin: 0 auto;

    for eg:

    .class{
    width:700px;
    margin:0 auto;
    }
     
    getadviced, Jul 3, 2011 IP
  3. drewtoby

    drewtoby Well-Known Member

    Messages:
    763
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #3
    thanks for the help!
     
    drewtoby, Jul 4, 2011 IP
  4. getadviced

    getadviced Well-Known Member

    Messages:
    557
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    130
    #4
    If you still need help, i can provide the code.
     
    getadviced, Jul 4, 2011 IP