

![画像の説明をここに入力](https://i.stack.imgur.com/cRoPu.jpg)  
上の画像は、文字が折返し位置がバラバラになっています。

読みやすさとのトレードオフかもしれませんが  
右余白の不揃い感を改善したいのです。  
どのようにすれば良いでしょうか。

追記:  
質問者が求めるイメージについては、質問に対するコメントのやりとりにあります。


CC BY-SA 3.0
2015-04-17T01:31:36.227
9241
2015-04-21T08:24:59.390
2015-04-20T10:19:06.140
8335
7724
question
html css
折り返し位置を改善したい。


両端揃えにすることで解決します。  
両端揃えは、CSSのtext-align: justify;にて設定出来ます。  
（IEではtext-justifly: inter-ideograph;なので両方書きます。）

以下、例。

[code]

    <html>
        <head>
            <style type="text/css">
                div {
                    width: 200px;
                    text-align: justify;
                    text-justify: inter-ideograph;
                }
            </style>
        </head>
        <body>
            <div>
                吾輩は猫である。名前はまだ無い。<br>
                どこで生れたか頓（とん）と見當がつかぬ。<br>
                何でも薄暗いじめじめした所でニヤーニヤー泣いて居た事丈は記憶して居る。<br>
                吾輩はこゝで始めて人間といふものを見た。<br>
            </div>
        </body>
    </html>
    
[/code]


CC BY-SA 3.0
2015-04-21T08:24:59.390
9372
2015-04-21T08:24:59.390
195
9241
answer