CSS（层叠样式表）是一种用于设计和格式化网页内容的语言，包含了许多用于控制HTML元素的样式属性。其中之一是“text-align”，该属性用于定义文本在容器中的对齐方式。

有时候，我们需要将文本内容包裹在特定的HTML元素内，例如一个按钮或图标，以便进行特定的样式设计。如果我们将文本直接放置在元素中，可能会导致文本在元素内的位置不正确或无法对齐。这时，我们可以使用CSS中的“display”属性来实现元素包裹文本。

.button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border-radius: 5px;
}

在这个例子中，我们使用“display: inline-block;”将按钮元素转化为一个块级元素，以便在其中包裹文本内容。按钮元素的样式也得到了设置，包括填充、背景颜色、文本颜色和圆角边框。

使用CSS元素包裹文本内容，不仅可以实现更精细的网页设计效果，还可以提高页面在不同设备和浏览器上的兼容性和响应性。因此，在页面设计时，我们应该注意使用CSS元素包裹文本内容来控制HTML元素的样式和位置。