fit content in to two line code example

Example 1: 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>

Example 2: html css make p div into two lines

line-height:20px;
height:40px;

overflow:hidden;
white-space: pre;

Tags:

Css Example