| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| width: 300px; | |
| background: pink; | |
| } | |
| div { | |
| margin-bottom: 10px; | |
| text-align: right; | |
| } | |
| .purple { | |
| border: purple solid 5px; | |
| } | |
| .orange { | |
| background: orange; | |
| } | |
| </style> | |
| <body> | |
| <div class="container"> | |
| <div> | |
| <span class="purple">inspect</span><span class="orange">pause</span> | |
| </div> | |
| <div> | |
| <span class="purple">inspect</span> <span class="orange">pause</span> | |
| </div | |
| <div> | |
| <span class="purple">inspect<span class="orange">pause</span></span> | |
| </div> | |
| </div> | |
| </body> |