html - 画像が正しく中央に配置されない

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

固定 div の幅を 100% にtext-align:centerしてから、内側の div に追加します。

jsFiddle の例

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