CSS3 > Texts

Text-justify Property in CSS3

How to specify the justification method when the text-align property value is "justify" in CSS3?


By using text-justify property we can specify the justification method when the text-align property value is "justify".

 <style>
        p {
            text-align:justify;
            text-justify:auto;
        }
</style>

<body>
    <h3>SN ITFunda Service LLP </h3>
    <p>We are a group of professionals having more than 10 years of real time working experience in Microsoft
       .NET technology.Our founder is Mr. SheoNarayan who has been awarded with several awards like Start 
        Entrepreneur Award, Microsoft MVP Award etc. He is also the founder of a very popular .NET Technology
        knowledge based community website www.DotNetFunda.com and several other websites primarily to share
        information and exchange knowledge like www.FundooVideo.com and www.FarmingFunda.com.</p>
</body>

In the above code snippet we have given text-justify property with value "auto" to the <p> element. The text-justify property with value "auto" gives the automatic justification (arranging the text in full allignment) to the text-align property with value "justify". Finally the text inside the <p> element arranged in full allignment order. 

OUTPUT

Note: The text-justify property works only in Internet Explorer.

 Views: 503 | Post Order: 83



Write for us