| <!DOCTYPE html> | |
| <style> | |
| .container { | |
| font-family: Ahem; | |
| font-size: 20px; | |
| display: inline-block; | |
| background-color: green; | |
| color: transparent; | |
| } | |
| .container:after { | |
| content: ""; | |
| margin-right: 20px; | |
| } | |
| </style> | |
| <!-- after pseudo constructs empty content. should fit the line --> | |
| <div><div class="container">X </div></div> |