Steffen Flämig: <div> innerhalb eines anderen <div> zentrieren

Beitrag lesen

Hallo,

ich verzweifele gerade daran, ein (auf eine feste Breite formatiertes) <div> in einem anderen <div> zu zentrieren.

Kann mir mal jemand die Tomaten von den Augen nehmen ;-(.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<style type="text/css">
.foo
{
 text-align: center;
 border-color:CYAN;
 border-width:5px;
 border-style:solid;
}
.bar
{
 width:200px;
    text-align: center;
    border-color:RED;
    border-width:1px;
    border-style:solid;
}
</style>

</head>

<body>
 <div class="foo">
  test 1
  <div class="bar">
   test2
  </div>
 </div>
</body>
</html>

Gruß
Steffen