how to make text wrap css code example

Example 1: css wordwrap

.ow {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  white-space: normal; //this is the one that gets you all the time
}

Example 2: how to wrap text in div css

.example {
  overflow-wrap: break-word;
}

Example 3: css break wrap header

h1{
	word-break: break-word;
}

Example 4: css force string to wrap

<!-- For Block Elements -->
<textarea style="width:100px; word-wrap:break-word;">
  ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</textarea>

<!-- For Inline Elements -->
<span style="width:100px; word-wrap:break-word; display:inline-block;"> 
   ACTGATCGAGCTGAAGCGCAGTGCGATGCTTCGATGATGCTGACGATGCTACGATGCGAGCATCTACGATCAGTC
</span>

<!-- Another thing to try: -->
<tr style="overflow-wrap: anywhere"><td>1</td><td>2</td></tr>

Tags:

Html Example