<!DOCTYPE html> | |
<style> | |
.outer { | |
position: relative; | |
padding: 2em; | |
width: 4em; | |
background: black; | |
} | |
.inner { | |
position: absolute; | |
left: 0; | |
top: 0; | |
padding-left: 100%; | |
} | |
</style> | |
<p>The word "PASS" should be seen below, to the right of a black rectangle.</p> | |
<div class="outer"> | |
<div class="inner">PASS</div> | |
</div> |