HTML Help: Padding/Margin Help

Discussion in 'The Living Room' started by hawk, Jan 1, 2012.

  1. #1
    hawk

    hawk because the internet LPA Super VIP

    Joined:
    Apr 1, 2010
    Messages:
    7,681
    Likes Received:
    23



    I am trying to create an extremely simple website for an iOS developer. I've run into a problem which I cannot seem to be able to fix. Each line of text (created with the <br /> tag) unlike the first line is right at the edge of the box created, and I'd like each line to be just like the first line.

    View the problem.

    CSS:
    Code:
    info {
    	font:12px Tahoma, Sans-serif;
    	color:#FFFFFF;
    	text-align:left;
    	padding-left:10px;
    }
    
    HTML:
    Code:
    <info>Can you help save Christmas? The evil toys have come to life and it's up to you to stop them! Play as Santa himself in this classic holiday adventure.<br>
    Help to defeat the hordes of enemies that are intent on stealing all of the presents and ruining Christmas! Load up your Snowblaster 5000 and get shooting!</info>
    
     
    Last edited: Jan 1, 2012
  2. #2
    Will

    Will LPA Addicted VIP LPA Addicted VIP

    Joined:
    Aug 25, 2002
    Messages:
    35,486
    Likes Received:
    37



    Any text you include within the [highlight]<info></info>[/highlight] tag's going to be affected by the stylesheet formatting.

    I'm sure there's a way to change that, but at the moment, I can't think of it. I'll get back to you.

    —edit—
    Oh. I guess I didn't bother to read your entire post or look at your example. That's quite strange. I'm not sure why the [highlight]<br />[/highlight] tag would affect the formatting like that.

    My best suggestion would be to use [highlight]<blockquote></blockquote>[/highlight] and format that tag however you want to format it. You won't even need to change the padding or margin.
     
    Last edited: Jan 1, 2012
  3. #3
    hawk

    hawk because the internet LPA Super VIP

    Joined:
    Apr 1, 2010
    Messages:
    7,681
    Likes Received:
    23



    Ah, yes, this has helped. Thanks.
     
  4. #4
    Will

    Will LPA Addicted VIP LPA Addicted VIP

    Joined:
    Aug 25, 2002
    Messages:
    35,486
    Likes Received:
    37



    It's no problem. I'm surprised I was even able to give you an answer since I haven't designed anything HTML or CSS in years.
     
  5. #5
    hawk

    hawk because the internet LPA Super VIP

    Joined:
    Apr 1, 2010
    Messages:
    7,681
    Likes Received:
    23



    Never doubt le :awesome:
     

Share This Page