nicht angemeldet
Hallo Matthias!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
[code lang=css]img { vertical-align: middle; }
> </style>
> </head>
> <body>
> <div>
> <img src="http:/example.com/bild.jpg" alt ="Alternativtexte sind nicht unwichtig"> Ein Bild an einem Text ausgerichtet.
> </div>
> </body>
> </html>[/code]
Dein Beispiel funktioniert, weil der Text in eine Zeile passt.
Der Normalfall ist aber doch, dass dies nicht der Fall ist, siehe nachfolgendes Beispiel:
~~~html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
img { vertical-align: middle; }
.schmal { width:200px; }
</style>
</head>
<body>
<div>
<img src="http:/example.com/bild.jpg" alt ="Alternativtexte sind nicht unwichtig"> Ein Bild an <br>einem Text ausgerichtet.
</div>
<div class="schmal">
<img src="http:/example.com/bild.jpg" alt ="Alternativtexte sind nicht unwichtig"> Ein Bild an einem Text ausgerichtet.
</div>
</body>
</html>
Gruß
Harro
Matthias Apsel
Der Martin