2017-05-24 17 views
-1

Ich bin neu in der Web-Entwicklung, also brauchen Sie nur etwas Hilfe dabei.HTML5 - Wie füge ich einen Container hinzu?

Ich habe Boxen hinter meiner Überschrift 1 und Überschrift 2 erstellt und ich weiß nicht, wie man sie zentriert? Ich kenne div nicht. für jetzt.

html

<h1>Pitbull Publo's Photogallery </h1> 

<h2>A photo gallery of the worlds CUTEST Pitbull, from Puppy to Beast.</h2> 

Diese sind zwischen den Style-Tags:

 h1 { 
      color: #992343; 
      width: 700px; 
      height: 50px; 
      background-color: #F7EF84; 
      border: 1px ridge #df80ff; 
      position: center; 
      text-align: center; 
      } 

     h2 { 
      color: #992343; 
      width: 700px; 
      height: 75px; 
      background-color: #F7EF84; 
      border: 1px ridge #df80ff; 
      text-align: center; 
      } 

ich einen Container für die Boxen erstellen müssen. bitte hilfe!

+1

Wo ist der Code für die von Ihnen erstellten Boxen? – Swellar

+0

es scheint, als ob Sie Überschrift Tag anstelle von div verwendet haben. Verwenden Sie ein gemeinsames div und schließen Sie Ihre Überschriften darin ein. –

+0

add 'display: block; margin: 0 auto; 'zu jedem h tag – Meroz

Antwort

1

Verwenden Sie den Rand: 0 auto; um Ihre Überschriften zu zentrieren

h1 { 
     color: #992343; 
     width: 700px; 
     height: 50px; 
     background-color: #F7EF84; 
     border: 1px ridge #df80ff; 
     position: center; 
     text-align: center; 
     margin: 0 auto; 
     } 

    h2 { 
     color: #992343; 
     width: 700px; 
     height: 75px; 
     background-color: #F7EF84; 
     border: 1px ridge #df80ff; 
     text-align: center; 
     margin: 0 auto; 
     } 
Verwandte Themen