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