| <!DOCTYPE html> |
| <!-- |
| This tests a behavior that is not defined in the spec today. |
| We can move to wpt once it's resolved. |
| https://github.com/w3c/csswg-drafts/issues/3440 |
| --> |
| <style> |
| section { |
| display: inline-block; |
| } |
| div { |
| white-space: pre-wrap; |
| font-family: Ahem; |
| font-size: 20px; |
| line-height: 1; |
| width: 10ch; |
| border: 1px solid black; |
| } |
| .left { text-align: left; } |
| .center { text-align: center; } |
| .right { text-align: right; } |
| .start { text-align: start; } |
| .end { text-align: end; } |
| </style> |
| <section> |
| <div class="left">12345 12345 12345 </div> |
| <div class="center">12345 12345 12345 </div> |
| <div class="right">12345 12345 12345 </div> |
| <div class="start">12345 12345 12345 </div> |
| <div class="end">12345 12345 12345 </div> |
| </section> |
| <section dir="rtl"> |
| <div class="left">12345 12345 12345 </div> |
| <div class="center">12345 12345 12345 </div> |
| <div class="right">12345 12345 12345 </div> |
| <div class="start">12345 12345 12345 </div> |
| <div class="end">12345 12345 12345 </div> |
| </section> |