如何讓我的文字回到上方和下方？

你好，我是新來的HTML & CSS，我有一個問題。我使用下面的代碼來設置上面並在其下有一些文字圖像作爲你可以在這裏看到：如何讓我的文字回到上方和下方？

但現在我想在另一個盒子但文字重新使用這些代碼不是它需要的地方。這裏使用的另一種類型的盒子：

CSS：

#content{ 
    margin: 30px 0; 
    background: white; 
    padding: 20px; 
    clear: both; 
    box-shadow: 0px 1px 1px #999; 
}

HTML：

<div id="content"> 
    <h2>Kleding</h2> 
    <div id="navbanner"> 
    <div id="nav2"> 
     <ul> 
      <li><a href="../html/kleding.html"id="Babynav">Baby</a></li> 
      <li><a href="../html/kleding.html"id="Peuternav">Peuter</a></li> 
      <li><a href="../html/kleding.html"id="Kleuternav">Kleuter</a></li> 
     </ul> 
    </div> 
    </div> 
    <div id="img"> 
     <img src="../images/winkelwagen.jpg"> 
    </div> 
    <h3>Baby</h3> 
    <div class="section"> 
     <a href="../html/kleding.html"> Pika deken</a> 
     <a href="../html/kleding.html"><img src="../images/baby1.jpg" /></a> 
     €20 
    </div> 
    <div class="section"> 

     <a href="../html/kleding.html">School outfit</a> 
     <a href="../html/kleding.html"><img src="../images/boy1.jpg" /></a> 
     €140 
    </div> 
    <div class="section"> 
     <a href="../html/kleding.html">Bussines girl</a> 
     <a href="../html/kleding.html"><img src="../images/girl2.jpg" /></a> 
     €250 
    </div> 
    <div class="section"> 
     <a href="../html/kleding.html">Summer</a> 
     <a href="../html/kleding.html"><img src="../images/girl1.jpg" /></a> 
     €99.99 
    </div> 
</div>

而這就是爲什麼一切都浮離開了。有人可以在不移動導航欄和寶貝標題的情況下將我的圖像和文字置於中央和下方的中心位置嗎？提前致謝！

來源

2013-10-20 Thomas Pen

小提琴例子有

text-align: center;

在CSS

把你似乎沒有這個在你的CSS這樣的文字會出現在左邊;

來源

2013-10-20 14:55:58

現在偉大的文字我回到它所屬的地方。但現在我需要將整個文本和圖像集中在一起。 –

在你的整個內容塊中添加一個元素，並給它一個寬度（比如960px），然後是一個margin：auto。這會將您的內容div集中到外部元素中。 –

如何讓我的文字回到上方和下方？

回答

相關問題