Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" href="mailto:masonf@chromium.org">
<div class="container">
<div class="item">Item 1</div><span class="fake-button">#1</span>
<div class="item">Item 2</div><span class="fake-button">#2</span>
<div class="item">Item 3</div><span class="fake-button">#3</span>
</div>
<div class="container">
<div class="item">Item A</div><span class="fake-button">#10</span>
<div class="item">Item B</div><span class="fake-button">#20</span>
</div>
<div class="container">
<div class="item">Step 1</div><span class="fake-button">#5</span>
<div class="item">Step 2</div><span class="fake-button">#10</span>
</div>
<div class="container">
<div class="item">Nested</div><span class="fake-button">#7</span>
</div>
<style>
.container {
font-family: monospace;
font-size: 14px;
margin-bottom: 10px;
border: 1px solid gray;
padding: 5px;
}
.item {
display: inline-block;
}
.fake-button {
display: inline-block;
}
</style>