在CSS中，可以使用float屬性或grid布局來實(shí)現(xiàn)兩個(gè)p標(biāo)簽平行的效果。

使用float屬性

<p style="float: left;">這是***個(gè)段落。</p>
<p style="float: right;">這是第二個(gè)段落。</p>

使用grid布局

<div style="display: grid; grid-template-columns: 1fr 1fr;">
  <p>這是***個(gè)段落。</p>
  <p>這是第二個(gè)段落。</p>
</div>

使用flex布局

<div style="display: flex;">
  <p>這是***個(gè)段落。</p>
  <p>這是第二個(gè)段落。</p>
</div>

使用column-count屬性

<div style="column-count: 2; column-gap: 20px;">
  <p>這是***個(gè)段落。</p>
  <p>這是第二個(gè)段落。</p>
</div>

使用transform屬性（僅適用于內(nèi)聯(lián)元素）

<p style="transform: translateX(-50%);">這是***個(gè)段落。</p>
<p style="transform: translateX(50%);">這是第二個(gè)段落。</p>

使用position屬性（僅適用于定位元素）

<div style="position: relative; width: 300px; height: 200px;">
  <p style="position: absolute; left: 0; top: 0; width: 50%; height: 100%;">這是***個(gè)段落。</p>
  <p style="position: absolute; right: 0; top: 0; width: 50%; height: 100%;">這是第二個(gè)段落。</p>
</div>