css中三种text-align效果有什么不同？

1、首先，写下一段文字，用于测试。

<div class="demo">

     <h1>  Introduction!</h1><br>
    Hello,everyone,today,I will tell you the differences of three text-align.I hope you can learn it from the example.text-align:left,text-align:center,text-align:right.
    
 </div>

2、然后写下css样式。以次测试text-align:center,left,right

 .demo{background-color:#ccffff;position:right top;border:1px solid green;padding:8px;text-align:right;}

3、最后运行查看效果。