CSS如何实现文字左右对齐和首行缩进

不多说,直接先看一下效果图,如下:

其源代码就比较干净了,源码如下:

代码
<p class="elegant">Our online order form allows you to order directly in the internet, saving your time and offering you convenience. Here’s how you do it.p>
<p class="elegant">When you want to buy our commodities, please register first. After you create your account successfully, you can directly order our products and pay for them. Next time you just click “log in”, you can enter your account, then shopping simply and conveniently.p>

 

最重要的就是CSS了,代码如下:

 

代码

        *.elegant
        {
            margin-left: 40px;
            margin-right: 80px;
            letter-spacing: 1px;
            word-spacing: 2px;
            line-height: 1.7em;
            text-indent: 40px;
            text-align: justify;
        }

 上面简单的CSS样式就实现了文本的左右对齐,并且段落的首行是缩进的.