Центр секции, находящейся внутри div с изображением

Question

Как я могу центрировать <section> по вертикали и горизонтали внутри div?

jsFiddle: http://jsfiddle.net/F3fhK/

Answer 1

Попробуйте использовать это:

div section { 
    color: #FFFFFF; 
    background-color: #456087; 
    position: absolute; 
    top:25%; 
    left: 25%; 
    bottom: 25%; 
    right: 25%; 
    opacity:0.3; 
    filter:alpha(opacity=30%); 
} 

JsFiddle: http://jsfiddle.net/nfLyR/

Answer 2

Есть два способа: -

1. Пожалуйста, обратитесь это ТАК How to make an image center (vertically & horizontally) inside a bigger div

2. Вы можете указать margin: TOP RIGHT BOTTOM LEFT внутреннему содержимому (img, div, section и т. Д.).