2016-08-05 41 views
-4

Wie richtet man einen Text unterhalb von Text aus, um ihn in der Mitte von div zu halten?

#align_text_center{ 
 
\t height:100%; 
 
    display:flex; 
 
} 
 
#aligned_text_h1{ 
 
\t margin:auto; 
 
}
<html> 
 
<body> 
 
    <div id="Container1"> 
 
     <div id="align_text_center"> 
 
      <h1 id="aligned_text_h1"></h1> 
 
\t \t </div> 
 
\t </div> 
 
    <div id="Container2"> 
 
\t \t <div id="align_text_center"> 
 
\t \t \t <h1 id="aligned_text_h1"></h1> 
 
\t \t </div> 
 
    </div> 
 
    </body> 
 
    </html>

Willkommen! Ich habe wieder ein kleines Problem beim Positionieren der Texte an ihrer Position bekommen. Ich habe ein h1 Element in der Mitte von container1, container2 ids. Ich möchte einen zweiten (und später einen dritten) Text unterhalb des ersten h1-Elements ausrichten. Ich kann es nicht sagen, also habe ich ein interaktives Bild davon gemacht. :(

Vielen Dank für die Hilfe! :) I draw an interactive image,click here.

+3

könnten Sie bitte Ihre versucht, Code in Geige hinzufügen ... Danke! – vignesh

+0

unklar question..what bedeuten u durch ich es nicht sagen kann –

+2

Ja, Code ist besser als ein Bild. Auch * genau wie * ist das Bild interaktiv? – MassDebates

Antwort

0

Platz alle Elemente, die Sie in der gleichen div positionieren wollen, und dann diese div zu positionieren, anstatt jedes Element zu positionieren getrennt.