<!DOCTYPE html>
<html>
<head>
</head>
<body>
The green block should align nicely with the text.
<div style="display: inline-block; height: 20px; background-color: green;"><div style="display: inline-block; background-color: red;"></div><div style="height: 20px; width: 45px; float: right;"></div>
</body>
</html>