blob: 317def45c6d41aee9dfc7717a14321e1541dab3b [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "">
| When an inline box is split, margins, borders, and padding have no visual
| effect where the split occurs (or at any split, when there are several).
.containing-block {
width: 15rem;
display: inline-block;
.text-block {
color: white;
background-color: blue;
margin-left: 0.5rem;
font-family: Roboto;
font-size: 16px;
<div class="containing-block">
<span class="text-block"> BADGE </span> <span class="text-block"> FOO BAR BAZ, 11:00 AM - 7:00 PM </span>