CSS - Break-Line-Link-Box

Question

Ich versuche, eine Box mit einem verknüpften Text und einer Bruchlinie zu erstellen.

aber aus irgendeinem Grunde, wenn der Zeilenumbruch ist, die Box zu brechen ..

Ich versuche, eine Menge von Optionen, aber ich kann die Lösung nicht finden.

hier ist die https://jsfiddle.net/cbdnvm2t/

<br><br> 
<a href="#" style="padding: 10px; border: 1pt solid #ea1d2a;">Line 1 <br> Line 2</a> 

<br><br><br><br> 
<a href="#" style="padding: 10px; border: 1pt solid #ea1d2a;"><span style="display:block">Line 1</span> <br><span style="display:block"> Line 2</span></a> 

Answer 1

versuchen, die display:block zu Ihrem a Tag hinzufügen.

standardmäßig verankert sind Inline Elemente, nicht Block Elemente - das ist, was Ihr Feld verursacht über zwei Zeilen aufgeteilt.

Folgendes sollte funktionieren:

<a href="#" style="display: block; padding: 10px; border: 1pt solid #ea1d2a;">Line 1 <br> Line 2</a>