Div сосредоточен в другом div

0

Я пытаюсь центрировать 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

Теги:

4 ответа

0

Взгляните на этот образец, который я сделал для вас, я думаю, что он сделает трюк

Демо-скрипт

#runway-category {
text-align:center;
border: 1px solid black;
}
.runway-category-posts {
margin: 2px;
}
.photo {
margin:0px 25px 0px 25px;
border: 1px solid black;
}
0

используйте "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 "

0

какой бы div не центрировался (вы не укажете, какой из них). задавать

margin-left: auto;
margin-right: auto;

Это должно делать свое дело.

0

просто назначьте высоту и ширину внутреннему div.put margin-left и margin-right от innerdiv до "auto".

  • 0
    Мне нужно центрировать это по вертикали.

Ещё вопросы

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