<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Roboto;
    }

    div {
      display: block;
    }

    span {
      display: inline-block;
      font-size: 18px;
    }
  </style>
</head>
<body>
  Aligned to bottom line of block on right.
  <span>
    This line has <span>inline-block</span> elements.
    <div>I am <span>now in</span> <span>a div.</span></div>
    This goes after <span>the div</span>.
  </span>
</body>
</html>