Set text align to justify to paragraph in HTML and CSS

Description

The following code shows how to set text align to justify to paragraph.

Example


<html>
<head>
<style type="text/css">
<!--from w  w  w  .  j  av a 2 s.  c  o m-->
p {
text-align: justify;
}

</style>
</head>

<body>
<h1>Lorem ipsum in eam quodsi</h1>

<p>Principes consetetur, eam an inimicus definiebas vituperata. Suas facer noster mel at, cum mazim consul aeterno at. Duo nihil tamquam commune ea, integre nostrud mentitum cu eos. Ullum menandri id ius, pericula definiebas vim ei, eos debet patrioque moderatius at. Id sea commune ancillae delicatissimi, his cu illum nominavi, est id mollis delicata.</p>

<p>Dolorem maiorum has in, ex his admodum urbanitas. Ei vis tantas mollis, est utamur nominavi accommodare ne. Fierent eleifend at mel. Qui no falli dolore officiis. His vidit quodsi te, quem noster ad ius, tantas persius an qui.</p>

<p>Forensibus mediocritatem te ius. Sit possit oblique scribentur cu, malis denique ei his. Est ad placerat maluisset argumentum. Dicta dissentiet id est, quo ipsum falli gloriatur ut. Probo tantas sea ex, quo id summo iracundia, his te nominavi facilisis.</p>

<p>Omnium oblique scripserit quo ex. Mea ut consulatu dissentias, odio tritani placerat sed ei, eam audire vidisse vivendum ex. Ei duo kasd graecis mentitum. Expetendis reprimique ea eum, mea porro instructior definitionem et.</p>

<p>Illud nusquam eos te, sed malorum discere quaerendum no, no sit mazim everti. Postea maiorum deterruisset mel ei, eos ex vide tibique. Qui modo ullum ad, in qui nostrud phaedrum. Illum ceteros ut nec, has et eros facer, no usu elit volutpat hendrerit.</p>

<p>Ea dolor putant facilisi pro, ex qui quem nostrud assueverit. His ad mundi docendi, amet senserit eum an. Vel id sint vidit liberavisse. Id saperet noluisse mel, et fierent detracto praesent usu. Virtute scaevola eam et, per in quodsi recteque mediocrem. Dicant assueverit necessitatibus ad ius.</p>

<p>Ubique viderer deleniti at est, cum eu erat tritani fabulas. Solet quando deterruisset no nam, et usu munere consetetur. Mutat tempor ponderum ad sed, vix ne eirmod numquam nonummy. Sumo hinc eos ex, in nec percipit vulputate. In nec malorum accusamus, cibo ignota malorum ex est, vim dicat dicunt eu. Soleat everti facilisis at mea, nec ad ullum dicit posidonium.</p>

<p>Ea constituto constituam liberavisse vix, ne prima oporteat sapientem eum. Ei sea ipsum consul malorum, quo an natum paulo aliquip. Ea qui oratio ubique. Paulo reformidans eu vel, ponderum rationibus cu vix.</p>

<p>Per ad tollit everti. Vide ornatus minimum vix ne, cu pri meis assueverit. Eos ne nullam discere euismod, molestiae percipitur per in. Eu prima nullam vivendum sea, ad vis aeque hendrerit. Erat dolor eum at, sit ei debitis iudicabit laboramus. Cu vis indoctum salutandi.</p>

<p>Nec at soluta insolens. Ei eam novum mentitum accommodare, quo aliquyam efficiantur an. Per et soleat fastidii probatus, at vis mollis adipisci recusabo. Ea vim mucius utroque deleniti, et solet luptatum delicata sed, ea sed dicunt constituto dissentias. Ignota omnium maluisset no his. Ipsum recteque at sea.</p>

<p>Sit ut errem essent. Vim at magna laoreet deserunt, sit ad everti salutandi expetenda. Mei et nulla veniam tibique, nam vocent consulatu ex. Sed at timeam facilisi insolens, putent deterruisset an pri. Sea modo nostro necessitatibus cu. Sea te audiam phaedrum maluisset, ne tempor vocibus quaerendum est.</p>

<p>Sit cu mazim mucius fierent, ad dissentias necessitatibus quo. No sea dicant eleifend suavitate. Cu sit dolor consequat, modo propriae per an. Id ubique oportere convenire vim. Id assum assentior sententiae vix, vel ei lucilius ocurreret.</p>

<p>Democritum rationibus ius te, et vim doming ceteros. Sea cu wisi placerat menandri, pro integre molestie eu. Mei et commune adolescens argumentum. Modo vocibus comprehensam eos cu. Mel falli consul patrioque cu. His delenit mentitum conceptam no, summo munere essent eu usu. Ex pri augue dolore habemus, in maiestatis consectetuer vel.</p>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set text align to justify to paragraph in HTML and CSS

Home »
  HTML CSS Tutorial »
    Text »
      CSS Text Style

...
Use margin to indent paragraph in HTML and ...
Set letter-spacing to 10px; in HTML and CSS
Set letter-spacing to 2px in HTML and CSS
Set letter-spacing to negative value in HTM...
Set letter-spacing to normal in HTML and CS...
Compare line-height:normal, 18px, 1.5em, 1....
Compare line height settings in HTML and CS...
Set font-size and line-height in HTML and C...
Set line height for a paragraph in HTML and...
Set line height to 1em in HTML and CSS
Set line-height to 1.4em in HTML and CSS
Set line height to 3em in HTML and CSS
Set line-height to 75% in HTML and CSS
Set line height with various measurements i...
Set paragraph line-height to 150% in HTML a...
Compare text-align all possible values in H...
Set text-align to center in HTML and CSS
Set text-align to justify in HTML and CSS

Set text align to justify to paragraph in H...

Set text-align to left in HTML and CSS
Set text-align to right in HTML and CSS
Compare text-decoration in HTML and CSS
Set text-decoration to line-through in HTML...
Set text-decoration to none for visited anc...
Set text-decoration to overline in HTML and...
Set text-decoration to underline in HTML an...
Set text-decoration to underline overline i...
Set text-decoration to underline overline l...
Compare text-transform in HTML and CSS
Set text-transform to capitalize in HTML an...
Set text-transform to lowercase in HTML and...
Set text-transform to uppercase in HTML and...
Compare all vertical-align settings in HTML...
Compare vertical-align possible values in H...
Compare vertical align values in HTML and C...
Set vertical align for table cells in HTML ...
Set vertical-align to 300% in HTML and CSS
Set vertical-align to 69px in HTML and CSS
...