Inline-Elemente

by Jens Grochtdreis

HTML

<p>Auch gibt es niemanden, der den Schmerz an sich liebt, 
sucht oder wünscht, nur, weil er Schmerz ist, es sei 
denn, es kommt zu zufälligen Umständen, in denen Mühen 
und Schmerz ihm große Freude bereiten können. Um ein 
<strong>strong</strong> triviales Beispiel zu nehmen, 
wer von uns unterzieht sich je anstrengender körperlicher 
Betätigung, außer um Vorteile daraus zu ziehen? Aber 
<a class="external ext" href="#">link</a> wer hat irgend 
ein Recht, einen Menschen zu tadeln, der die Entscheidung 
trifft, eine Freude zu genießen, die keine unangenehmen 
Folgen hat, oder einen, der Schmerz vermeidet, welcher 
keine daraus resultierende Freude nach sich zieht?
</p>

CSS

/* styling basics */
html {padding: 20px 0; background-color: #efefef;}
body {width: 80%; padding: 40px; margin: 0 auto; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-family: Verdana, Arial, sans-serif; font-size: 14px;}

strong { border: 1px solid #a20000; }
a {color: #fff; background: #a20000; }

strong, a {padding: 20px; margin: 20px 0;}