見出し/タイトル

Question

私は、html/cssを使用して達成しようとしているものの例を付けました（画像が見えない場合は、名字と姓、2行目は仕事の説明です）。私はすべてのテキスト（両方の行）をdiv内で強制的に正当化（左右）したいと思いますが、可能かどうかはわかりません。私は成功していないいくつかのことを試みました。むしろイメージを使用しないので、どんな考えでも大歓迎です。

Answer 1

使用text-align-last: justify：

.justified { 
    text-align: justify; 
    text-align-last: justify; 
} 
.justified:after { 
    content: "."; 
    display: inline-block; 
    width: 100%; 
    height: 0; 
    visibility: hidden; 
} 

http://jsfiddle.net/gilly3/En4wt/

source

Answer 2

ブラウザは一般的に完全な正当化のがらくたの仕事をします。あなたがこれを使って自分を宣伝するデザイン会社であれば、私はそれを避けるでしょう。

また、単一行ではなく、段落のテキストでのみ機能します。

あなたはあなたが探している効果を得るためにCSSの文字間隔を調整することができます。

Answer 3

タイトルのスタイルを変更するだけで、特定のスタイルを作成できます。達成したい効果が得られるまで、font-sizeとletter-spacingを組み合わせてみてください。

テキスト揃え：両端揃えは異なる目的のために、段落（またはテキストの長いブロック）を意味します。行の終わりに達するのに十分なテキストがない場合、それは機能しません。