text-justify

IE6+

by FiNGAHOLiC

HTML

<div class="page">
    <h1>All Justified Text</h1>

    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

    <p>Quisque dapibus hendrerit elit vitae malesuada. Vivamus vestibulum, nibh id tempus elementum, elit enim vestibulum dolor, luctus venenatis sem ipsum id nibh.</p>

    <p>In hac habitasse platea dictumst. Nunc sollicitudin dolor sit amet libero fringilla id bibendum ipsum mollis. Maecenas nisi sapien, sollicitudin ut elementum non, convallis quis felis. Vestibulum at massa sit amet nibh blandit commodo sed nec enim. Etiam ac nunc nec diam vulputate tristique sit amet porta nibh. Pellentesque porttitor justo id urna aliquet dictum sodales id plectus.</p>
</div>

CSS

body {font-size: 14px;}

.page {
    background: aliceblue;
    width: 400px;
    overflow: hidden;
}

p, h1 {
    text-align: justify;
    text-align-last: justify;
    margin: 0;
    margin-bottom: -1.2em;
}

p:after, h1:after {
    content: "";
    display: inline-block;
    width: 100%;
}