要实现响应式文本对齐方式，可以使用CSS的@media查询和flexbox布局。
首先，在CSS中使用flexbox布局来对齐文本：
.container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}这将使文本在容器中水平对齐，并使它们垂直居中。
接下来，在@media查询中，根据屏幕大小更改文本对齐方式：
@media only screen and (max-width: 600px) {
.container {
flex-direction: column;
justify-content: center;
align-items: center;
}
}这将使容器的方向变为垂直，并将文本水平和垂直居中。
最后，将这些CSS代码添加到您的HTML文件中，并确保在
标记中包含以下代码：<meta name="viewport" content="width=device-width, initial-scale=1.0">这将确保您的网页能够适应不同屏幕大小。
总的来说，这就是使用CSS实现响应式文本对齐方式的基本步骤。