0 
<style>
#firstname
{
border: 2px solid #3b5998;
padding: 10px 40px;
width: 100px;
background: #daf0ff;

}
</style>
</head>
<body>

<p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box, </p><p id="firstname">This is a box,This is a box,This is a box,This is a box,This is a box,</p>

在 Bowser 上查看后，它显示不同行中的框....如何将它们放在同一行中？

4

1 回答 1

1

在您的标签上使用float: left或。display: inline-block<p />

说明：
您在此处使用块元素 ( <p />)。除非您浮动它们，否则它们将始终强制换行。您可以使用内联元素（例如<span/>并排显示它们，但这会破坏padding. 所以要么float他们要么我们混合display: inline-block

于 2013-01-04T22:42:43.967 回答