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.