在CSS中設(shè)計(jì)一行兩列的布局并不難，只需要簡(jiǎn)單的幾行代碼就能實(shí)現(xiàn)。首先，我們需要設(shè)置一個(gè)包含兩個(gè)子元素的父容器，然后將每個(gè)子元素的寬度設(shè)為50%即可。 下面是詳細(xì)的CSS代碼：

.container {
width: 100%;
display: flex;
}
.left {
width: 50%;
padding: 10px;
box-sizing: border-box; /* 邊框內(nèi)置于盒子內(nèi) */
border-right: 1px solid #ccc;
}
.right {
width: 50%;
padding: 10px;
box-sizing: border-box; /* 邊框內(nèi)置于盒子內(nèi) */
}

CSS代碼中包含了一個(gè)名為“container”的父容器，它的display屬性被設(shè)置為“flex”，這使得它的子元素可以自動(dòng)排列在一行。 .left和.right是兩個(gè)子元素，它們的寬度均被設(shè)置為50%，并且均設(shè)置了padding屬性。padding可以設(shè)置作為內(nèi)容和邊框之間的空間，同時(shí)還將box-sizing屬性設(shè)置為border-box，以確保子元素的邊框內(nèi)置于盒子內(nèi)。 此外，可以在左側(cè)子元素（.left）中設(shè)置一個(gè)右邊框，這將使兩列之間具有更好的可讀性。 最后，我們可以使用p標(biāo)簽在兩列中添加段落。下面是一個(gè)完整的HTML示例代碼，其中包含了CSS樣式和p標(biāo)簽：

<div class="container">
<div class="left">
<p>這是左側(cè)列的段落，可以添加任何內(nèi)容和樣式。</p>
</div>
<div class="right">
<p>這是右側(cè)列的段落，同樣可以添加任何內(nèi)容和樣式。</p>
</div>
</div>

在這個(gè)示例中，我們將兩個(gè)子元素分別命名為“l(fā)eft”和“right”，并在兩個(gè)子元素中添加了p標(biāo)簽，它們可以包含任何文本內(nèi)容和樣式。最后，將所有內(nèi)容放到“container”父容器中。