| <!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> |