CSS文本段落左右两端对齐

在网站开发过程中，我们经常用到CSS文本对齐属性text-align属性来设置一个沾咎悉能适合的对齐方式使得界面美观，达到良好的用户体验！下面小编将带你体验文本对齐的几种效果！

工具/原料

网页开发工具

电脑

创建HTML模板

1、创建一个HTML文件（这个大家都会，只是为了方便演示！）HTML代码：<div c盟敢势袂lass="domo"><p>文本内容</p></div>CSS代码：.domo{ width: 100%; height: 100px; padding: 0 10px; color: white; background: orangered;line-height: 24px; }

设置：文本两端对齐

1、核心代码：CSS：text-align：justify

文本左对齐

1、核心代码：CSS：text-align：left

文本右对齐

1、核心代码：CSS：text-align：right

文本居中对齐

1、核心代码：CSS：text-align：center