Изображение не будет должным образом

Question

Кажется, я не могу получить код для работы. Немного смущен, так как это должно быть довольно просто. Короче говоря, я пытаюсь получить изображение в центр, и он не сотрудничает. Соответствующий код следует.

Спасибо большого

HTML:

<div class="Room"> 

    <div class="Wall"> 
     <img src="Rooms/NorthBlank.JPG" border="0" /> 
</div> 
</div> 

CSS:

.Room { 
margin: 0px; 
padding: 0px; 
border: none; 
position: fixed; 
top: 0px; 
left: 0px; 
} 

.Wall { 
display: block; 
margin: auto; 
} 

Answer 1

Дайте неподвижную Див ширины 100%, а затем добавить text-align:center к внутренним делам.

jsFiddle example

.Room { 
    margin: 0px; 
    padding: 0px; 
    border: none; 
    position: fixed; 
    top: 0px; 
    left: 0px; 
    width:100%; 
} 
.Wall { 
    margin: auto; 
    text-align:center; 
}