Heinrich_der_Achte: <div> zentrieren

Beitrag lesen

Wie zentriere ich den Text innerhalb eines <DIV>s sowohl horizontal ALS AUCH vertikal? Ich werde aus den vielen Vorschlägen, die mir google entgegenwirft, nicht wirklich schlau...

  • entweder war das gesamte <DIV> plötzlich in der Mitte der Seite

  • oder es wurde ein <TABLE> Element in das <DIV> eingebunden (DAS kann doch wirklich nicht einer professionellen Lösung gleichkommen, oder ?!)

  • oder die Vorschläge zeigten gar keine Resultate.

Wie zentriere ich TEXT INNERHALB eines <DIV> Elements?

Was ich bisher habe:

  
<!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>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>Text Vertical Align</title>  
<style type="text/css">  
<!--  
#mainmenu {  
background-color: #ef8608;  
width: 200px;  
height: 40px;  
}  
.mainmenu_contents {  
color: #FFFFFF;  
font-family: Verdana, Arial, Helvetica, sans-serif;  
text-align: center;  
}  
-->  
</style></head>  
  
<body>  
<div id="mainmenu" class="mainmenu_contents">HOME</div>  
</body>  
</html>  

Danke,
M.