| <!DOCTYPE html> | |
| <style> | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| .inner { | |
| display: block; | |
| width: 22px; | |
| height: 13px; | |
| overflow: hidden; | |
| } | |
| </style> | |
| <div class="pause inline-block"> | |
| <div class="inner"> | |
| Single-line | |
| </div> | |
| </div> | |
| <div class="next inline-block"> | |
| <div class="inner"> | |
| Multiple words that get wrapped | |
| </div> | |
| </div> |