разрывы строк, игнорирующие поля

Question

Когда я ввожу разрыв строки в свой текст, следующий текст начинается до поля.

<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> 

как это исправить, так что текст после разрыва строки начинается после 80px, как они должны?

Answer 1

Это достигает вашего предполагаемого результата при сохранении разрыва строки. 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; 
} 

Answer 2

Вы должны избегать кода с хлебом и маслом. (Google it.)

Оказалось, что код «код хлеба и масла для гуглинга» не возвращает никаких значимых результатов. Это означает, что вам следует избегать тегов «br», потому что они не могут быть в стиле CSS. (Есть также вещи, которые не используют устаревшие HTML-теги, но это не имеет значения.)

Итак, не используйте br. Вы пытались использовать div вместо этого?

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

Отказ от ответственности: Это является недопустимой HTML, потому что DIV является элементом уровня блока и инлайн, поэтому дивы не должны быть вложенными внутри «а» элемент. Правильный способ заключается в следующем:

<div><a href="blah">This is really</a></div> 
<div><a href="blah">Annoying</a></div> 

Но это неприемлемо для всех целей. HTML5 исправляет эту проблему, позволяя любому элементу быть ссылкой, но пока вы не можете рассчитывать на поддержку браузера.

PS: Вы должны были бы пометить этот вопрос html и/или css. «игнорировать разницу в границах поля» никому ничего не говорит.