Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>
div {
margin: 10px 0;
font: 20px/1 Ahem;
}
img {
height: 100px;
width: 150px;
}
</style>
<p>All images should be 150px wide (100px height with 3:2 aspect ratio).</p>
<div><img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect fill='green' width='3' height='2'/></svg>"></div>
<div><img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect fill='green' width='3' height='2'/></svg>"></div>
<div><img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect fill='green' width='3' height='2'/></svg>"></div>
<div><img src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect fill='green' width='3' height='2'/></svg>"></div>