blob: e85b4cd9da57d0e924e0f339716546d4e6298717 [file] [log] [blame]
<!DOCTYPE html>
<style>
.border {
border-left: solid 10px orange;
border-right: solid 20px purple
}
div {
border: 1px solid blue;
width: 20ch;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
</style>
<body>
<div class="right">
<span class="border">Line1</span><br>
<span class="border">Line2</span><br>
<span class="border">Line3</span><br>
</div>
<div class="center">
<span class="border">Line1</span><br>
<span class="border">Line2</span><br>
<span class="border">Line3</span><br>
</div>
</body>