改行を無視して余白を無視する

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

これは、改行を維持しながら意図した結果を達成します。働いていたが、 "P" の間にスペースがあっていないため、とにかくそこにある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> 

免責事項：div要素はブロックレベル要素があるとのdiv「を」要素内にネストしてはならないので、インラインであるので、それは、無効なHTMLです。適切な方法は次のとおりです。

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

しかし、これはすべての用途で受け入れられるものではありません。 HTML5では、すべての要素をリンクにすることでこの問題を解決していますが、まだブラウザのサポートを受けることはできません。

PS：本当にこの質問にhtmlと/またはcssとタグ付けする必要があります。 "ラインマージンブレイク無視"は誰にも何も言わない。