如何创建两个框以将内容放在其中,彼此相邻？

Question

我想创建两个彼此相邻的盒子.我尝试过多次尝试创建彼此相邻的盒子,但代码总是在盒子外面倒.如果有人可以提供帮助,那将非常感激.

Answer 1

像这样:

CSS:

.box {
    float: left;
    width: 200px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 2px solid blue;
}

HTML

<div class="box">Lorem</div>
<div class="box">Ipsum</div>

看到这个jsFiddle看到代码在行动.