内联两段显示的最佳方式是什么？

Question

我创建了这段代码，在第二行显示段落...有更好的方法吗？

JSFiddle

HTML CODE：

<p id="first">Primul paragraf</p>
<p id="second">Al dolea paragraf</p>

代码css：

    #first
{
width:130px;
background:red;
    display:inline;
    float:left;
}

#second
{
    width:150px;
    background:blue;
    float:right;
    display:inline;
}

提前致谢！

Answer 1

如果您要查找彼此相邻的两个不同内容，请查看a simple grid layout。

如果您尝试将两个不同的内容分成一行，那么you're using non-semantic HTML，您应该切换到使用不同的标签层来完成内容消除。

我相信我理解你正在寻找 - 基本上 - 两列布局。我强烈推荐css-tricks＆＃34;不要过度使用网格＆＃34;布局，我在生产网站中使用稍微（略微）更复杂的网格布局。