containers */
    }
    br { clear: both }

    .big > .container {
      width: 30px;
      height: 22px;
    }
    .small > .container {
      width: 2px;
      height: 4px;
      margin-right: 10px; /* To avoid overlap between overflowing kids */
    }

    .container > * {
      background: teal;
      width: 6px;
      height: 8px;
    }
    .big   .alignEnd    { margin-left:  0px; }
    .small .alignEnd    { margin-left:  0px; }
  </style>
</head>
<body>
  <!-- The last baseline value, from
       htt