0

こんにちは、html と css の初心者で、質問があります。ここでわかるように、次のコードを使用して、上と下にテキストを含むいくつかの画像を設定しています。

http://jsfiddle.net/thespacebean/xGqDE/

しかし今、そのコードを別のボックスで再利用しようとしていますが、テキストが必要な場所にありません。ここでは、別のタイプのボックスを使用します。

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>

そしてそれが、すべてが左に浮いている理由です。navbar と Baby のタイトルを移動せずに、誰かが私の画像とテキストを上下中央に配置できますか? 前もって感謝します ！

4

1 に答える 1

0

フィドルの例には 

text-align: center;

CSS put では、CSS にこれがないように見えるため、テキストは左側に表示されます。

于 2013-10-20T14:55:58.907 に答える