Skip to content

Instantly share code, notes, and snippets.

Created Mar 21, 2012
What would you like to do?
justify in xhtml
* justify in xhtml
body{background: #f06; background: linear-gradient(45deg, #f06, yellow); min-height: 100%;}
p{width:85%; margin:50px auto; padding:.5em; text-align:justify; background:white; font-size:1%;}
p:after{content:""; display:inline-block; width:100%;
font:0/0 a; margin-top:-100%; line-height:0; height:0; padding:0;}
<!-- content to be placed inside <body>…</body> -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
in culpa qui officia deserunt mollit anim id est laborum.</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment