自動改行のコントロール

<pre> ( ソース内の改行削除 )

word-break : break-all ;
http://www.w3.org/TR/css3-text/#word-break
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;
http://www.w3.org/TR/css3-text/#word-wrap
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<pre> ( ソース表示 )

<h3>word-break : break-all ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#word-break" target="_blank">http://www.w3.org/TR/css3-text/#word-break</a></p>
<p>SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>

<h3>word-wrap : break-word ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#word-wrap" target="_blank">http://www.w3.org/TR/css3-text/#word-wrap</a></p>
gt;SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>

<h3>white-space : pre-wrap ;</h3>
<p><a href="http://www.w3.org/TR/css3-text/#white-space" target="_blank">http://www.w3.org/TR/css3-text/#white-space</a></p>
<p>SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText</p>
<p>いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす</p>

<pre> / 複合指定

word-break : break-all ;
word-wrap : break-word ;
http://www.w3.org/TR/css3-text/#word-break
http://www.w3.org/TR/css3-text/#word-wrap
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-break : break-all ;
white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#word-break
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

word-wrap : break-word ;
white-space : pre-wrap ;
http://www.w3.org/TR/css3-text/#word-wrap
http://www.w3.org/TR/css3-text/#white-space
SampleTextSampleTextSampleTextSampleTextSampleTextSampleTextSampleText
いろはにほへとちりぬるをわかよたれそつねならむうゐのおくやまけふこえてあさきゆめみしゑひもせす

<div>

<div>

<table>

<table>