Привет, я новичок в 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? Заранее спасибо !
пример скрипки
text-align: center;
в CSS вы не видите, что у вас это есть в CSS, поэтому текст будет слева;