r {
      display: inline-flex;
      background: lightblue;
      align-items: baseline;
    }
    .hugeAndUnaligned {
      font-size: 35px;
      line-height: 35px;
      /* This one flex item won't be baseline-aligned, so it won't impact
         the flex container's positioning */
      align-self: stretch;
    }
    .smallFont {
      font-size: 10px;
      line-height: 10px;
    }
  </style>
</head>
<body>
  a
  <div class="flexContainer">
    <div class="smallFont">b</div>
    <div>c</div>
    <div 