html - 你能把两个单独的 p 标签放在同一行并仍然分别编辑它们吗

Question

所以我的页面上有一个水平条，我想放几个 <p>那个栏上的标签，这样当我以后想要开始制作响应式布局时，可以在达到特定屏幕尺寸时将它们删除。但我想知道的是我怎样才能把这些 p同一行上的部分而不将一个部分向下推到包含部分的下方？我用过 display:inline和 float: left但我不喜欢那样，因为你不能将文本格式化为 text-align: right或者让它与屏幕左侧保持特定距离。例如，如果您输入 margin-left: 6%它不会离屏幕左侧有 6% 的距离，它会离它前面的元素有 6% 的距离，我不希望这样。我假设总体结果将是绝对定位，但我想先看看是否还有其他选择。

Answer 1

给 display:inline-block; 给你的 p 类和适当的 width 它们会排成一行，有 display:inline 移除给元素赋予维度的选项!这样做:

demo here

p {
    height:100%;
    width:50%;
    display:inline-block;
    border:1px solid red;
}