bef: Text vertikal zentriert neben Blockelement

Beitrag lesen

SELF-Forum

Text vertikal zentriert neben Blockelement

bef
– Informationen zu den Bewertungsregeln

Wie kriege ich ein Span-Element vertikal zentriert links neben ein Blockelement?
Der Text links ("Text") sollte schön in der Mitte sein, ist aber am oberen Rand des Divs ausgerichtet.

  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" >  
<head><title>  
  
</title>  
    <style type="text/css">  
        .vertical_align_middle  
        {  
		vertical-align: middle;  
		float: left;  
        }  
    </style>  
</head>  
<body>  
        <table style="width:300px;">  
            <tr>  
                <td height="60px" style="border-style: solid; vertical-align: middle;">  
                        <span id="lblPasswordValue" class="vertical_align_middle">Text</span>  
			<div style="border: solid 1px; display: inline; float: right; width:50%; height: 40px;">Text2</div>  
                </td>  
            </tr>  
        </table>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln