Я пытаюсь центрировать div внутри другого div.
Это мой HTML
<div id="runway-category">
<a href="<?php the_permalink() ?>" class="runway-category-posts">
<div class="photo"><?php custom_get_post_attachments(get_the_ID(), $__width, $__height, get_the_title()); ?><div class="runway-title"><?php the_title(); ?></div></div>
</a>
</div>
И это CSS
.runway-category-posts{width:298px;height:500px;margin: 0 9px 18px 9px;float:left;display:block;}
.runway-title{text-align:center;font-family:tall_film;color:#FFF;font-size:20px;}
Что я должен добавить в css, чтобы сделать это правильно?
EDIT - div, который должен быть сосредоточен в PHOTO div, - RUNWAY-TITLE
Взгляните на этот образец, который я сделал для вас, я думаю, что он сделает трюк
#runway-category {
text-align:center;
border: 1px solid black;
}
.runway-category-posts {
margin: 2px;
}
.photo {
margin:0px 25px 0px 25px;
border: 1px solid black;
}
используйте "div style =" background: green, width: 200; height: 200; position: absolute; "div style =" background: red; width: 100; height: 100; margin: auto; position: absolute; top: 0; внизу: 0; слева: 0; правая: 0;"
/div/div "
какой бы div не центрировался (вы не укажете, какой из них). задавать
margin-left: auto;
margin-right: auto;
Это должно делать свое дело.
просто назначьте высоту и ширину внутреннему div.put margin-left и margin-right от innerdiv до "auto".