<html> <head> <style type="text/css"> div { text-align:justify; text-justify:inter-word; } </style> </head> <body> <h1>CSS text-justify Example</h1> <div>In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'</div> <p><b>:</b> Resize the browser window to see how the value "justify" works.</p> <p><b>:</b> This property is only supported in Internet Explorer.</p> </body> </html>
Your Result:
上のテキストを編集し、クリックして結果を見てください。
W3Schools.com
- Try it yourself