<!DOCTYPE html>
<style>
section {
display: inline-block;
}
div {
white-space: pre-wrap;
text-decoration: underline;
font-family: monospace;
font-size: 20px;
width: 15ch;
height: 3em;
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"> </div>
<div class="center"> </div>
<div class="right"> </div>
<div class="start"> </div>
<div class="end"> </div>
</section>
<section dir="rtl">
<div class="left"> </div>
<div class="center"> </div>
<div class="right"> </div>
<div class="start"> </div>
<div class="end"> </div>
</section>