Как мне вернуть текст выше и ниже моего изображения?

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>

И вот почему все плавает влево. Может ли кто-нибудь получить мои изображения и текст внизу и выше centerd, не перемещая навигационную панель и название Baby? Заранее спасибо !

Теги:
center

1 ответ

0

пример скрипки

text-align: center; 

в CSS вы не видите, что у вас это есть в CSS, поэтому текст будет слева;

  • 0
    Отлично, теперь я вернулся туда, где он принадлежит. Но теперь мне нужно центрировать весь текст и изображения.
  • 0
    Поместите элемент вокруг всего вашего блока контента и задайте ему ширину (скажем, 960 пикселей), а затем поле: auto. Это сосредоточит ваш контент div внутри внешнего элемента.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню