Question

when i enter a line break in my text, the following text starts before the margin.

<li><a class="yourlinkclass" href="http://blah.com" class="blahlink" target="blank">this is really <br>annoying</a></li>

<style>
A.yourlinkclass {
font-family: Arial;
color: #595454;
text-decoration: none;
font-size: 11px;
font-weight:;
margin-left:80px;
}

A.yourlinkclass:hover {
font-family: Arial;
color: #BDBDBD;
text-decoration: underline;
font-size: 11px;
font-weight:;
margin-left:80px;
</style>

how do i fix it so text after line breaks start after 80px like they should?

Answer 1

This achieves your intended result while keeping the line break. http://jsfiddle.net/vasco/Dn8Sf/

<li><p id="parent"><a class="yourlinkclass" href="http://blah.com" class="blahlink" target="blank">this is really <br />annoying</a></p></li>

​

a.yourlinkclass {
font-family: Arial;
color: #595454;
text-decoration: none;
font-size: 11px;
}

a.yourlinkclass:hover {
font-family: Arial;
color: #BDBDBD;
text-decoration: underline;
font-size: 11px;
}

#parent {
margin-left:80px;
}