html - 不知道如何做到这一点。4 个文本部分均匀分布在页面上？

Question

我有 4 个小文本体，我想在整个页面上均匀显示。 这是我的想法的图像:

有些事情告诉我表格是最好的方法，但是 a) 我总是被告知不要使用它们 b) 因此，如果那实际上是最好的，我不知道该怎么做采取的路线。

我乐于接受建议；感谢您提供任何帮助。

Answer 1

我相信这样的事情会奏效:

CSS:

html, body 
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
}
div.content
{
    float: left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    width: 25%;
 }

HTML:

<div class="content">Blah</div><div class="content">blah blah</div>
<div class="content">Blah Blah</div><div class="content">blah blah blah blah</div>

参见 this jsFiddle