Axel Richter: padding-left bei inline-Elementen

Beitrag lesen

Hallo,

Das mit den margins wusste ich, also dass die horizontalen funktionieren. Aber Bilder sind doch z.b. auch inline-Elemente

Ja, sogar spezielle, nämlich replaced-elements im inline-Kontext.

und da gibts keinen Innenabstand...

Sicher? Müsste es aber, wenn http://www.w3.org/TR/CSS21/box.html#propdef-padding Recht hat. Und es gibt sie auch, siehe Beispiel ;-)).

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Inline-Padding</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
p {padding:10px; border:1px solid black;}  
img {width:100px; heigth:100px; padding:10px; border:1px solid black;}  
#paddingtext {padding:10px; border:1px solid black;}  
-->  
</style>  
</head>  
<body>  
<p><img src="Beispiel.jpg" alt="Bild"></p>  
<p>Das ist Text <br>  
Das ist ein <span id="paddingtext">Paddingtext</span> im normalen Fließtext.<br>  
Das ist weiterer Text.</p>  
</body>  
</html>  

..ich bitte um Nachsicht.

Das kommt drauf an, wie Du von hinten aussiehst.

viele Grüße

Axel