```hmlu003c!DOCTYPE hmlu003eu003chmlu003eu003cheadu003e u003cileu003e简单的文章布局u003c/ileu003e u003csyleu003e .coaier { widh: 80%; margi: auo; paddig: 20px; } .aricle { widh: ; margi: 20px 0; paddig: 20px; backgroud-color: #f8f9fa; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .aricle h2 { ex-alig: ceer; } .aricle p { ex-alig: jusify; } u003c/syleu003eu003c/headu003eu003cbodyu003e u003cdiv class=文本，用于说明如何使用 CSS 创建一个简单的文章布局。这个文本将会填充到文章的主体部分。u003c/pu003e u003c/divu003e u003c/divu003eu003c/bodyu003eu003c/hmlu003e```这个例子中，我创建了一个名为 `coaier` 的类和一个名为 `aricle` 的类。`coaier` 类用于设置文章的容器，而 `aricle` 类则用于设置文章的主体。在这个例子中，我设置了容器的宽度为屏幕宽度的 80%，并将内部填充设置为 20px。我还为文章添加了边距和内边距，并设置了一个背景颜色、边框半径和阴影效果。文章的和文本都居中对齐。
