2 div's kombinieren

[ChiliPictures]

Hallo,

Ich habe ein kleines Problem.
Im CSS-Teil habe ich

text-align: left

Jetzt möchte ich den Text aber in der Mitte des Bildschirmes haben, aber den Text linksbündig (also in der Mitte, linksbündig).

Wenn ich jedoch:

...
<div align="center">
   <div id="text">
   text
   </div>
</div>
...

schreibe wird der Text am linken Bildschirmrand angezeigt.
Habt ihr vielleicht eine Idee?

 

[michaelos]

Hi,
versuch es mal damit:

#text
{
  text-align: center;
  width: 40px;  // Je nach dem auch größer oder kleiner
}

damit hat es bei mir geklappt...aber du brauchst den ersten div nicht. Du könntest auch im CSS einfach noch diese Anweisung schreiben:

*, html
{
  margin: 0 auto;
  padding: 0;
}

#text
{
...

Einfach ganz an den Anfang der CSS-Datei setzen...:)

Ich hoffe ich konnte dir helfen ;)

mfg michaelos

 

[ChiliPictures]

Danke!

Ich habe es jetzt so gelöst:

#text { 
margin-left: auto;
margin-right: auto;
margin-top: 30px;
text-align: left;
  width: 600px;  
 }

und

<div id="text">
...
</div>

lg ChiliPictures

 

[EndOfGreen]

Das margin kannst du auch zusammenfassen:

margin: 30px auto 0;

 

[ChiliPictures]

Schon gemacht ;)