Link to home
Create AccountLog in
Avatar of isnoend2001
isnoend2001Flag for United States of America

asked on

Trying to indent some text

On this page:
http://roofgenius.com/test2.asp
I am trying to get these 3 lines of text moved to the right 20px;
Legend Cost:
Low = 1
High = 10
My last attempt:
<p class="Bfont12" style="margin-left:20px;"></br>
<span style="display:block;">Legend</span>
Cost: Low = 1<br />
High = 10
</p>
How can i do this ?
SOLUTION
Avatar of Adrian Crabtree
Adrian Crabtree
Flag of United States of America image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
ASKER CERTIFIED SOLUTION
Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
SOLUTION
Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
<p class="Bfont12" style="padding-left:20px;">
<pre>
Legend
Cost: Low = 1
High = 10
</pre></p>


Cd&
Avatar of isnoend2001

ASKER

Thanks everyone
I have tried all the solutions to no avail
You have a p tag nested inside a p tag... that is invalid and breaks the structure.

<p class="Bfont12" style="padding-left:70px;">
<p>
Legend Cost:<br />
 Low = 1<br />
High = 10
</p>
</p>

should be:
<p class="Bfont12" style="padding-left:70px;">
Legend Cost:<br />
 Low = 1<br />
High = 10
</p>


Cd&
Made no difference
Probably not the best way,but this works:
<br />
<p style="padding-left:200px;">
<span class="Bfont12">Legend Cost:</span><br />
 Low = 1<br />
High = 10
</p>

http://roofgenius.com/test.asp
It looks fine in FF, Chrome and IE10.  A bit messy in compatibility mode; but that is to be expected.

Cd&