我在这个CSS问题上有点挣扎:
http://jsfiddle.net/timkl/JbEX8/
我希望两个div使用“display:inline-block”水平对齐,但是当我向其中一个div添加文本时,对齐关闭.
有没有办法让两个div对齐而不诉诸浮动?
这是我的标记:
<div class="Box"> <p>Some text</p> </div><!-- /Box --> <div class="Box"> <!-- No text --> </div><!-- /Box -->
这是我的CSS:
body { color: gray; } .Box { background: #ccc; height: 100px; width: 200px; display: inline-block; }
看看我在jsfiddle上的例子:http://jsfiddle.net/timkl/JbEX8/