title: How can I use flexbox to make it so one flex item overlaps another flex item?
body: <p>I want to display a list of user profile images. Each profile image should be clickable and each user image should also be overlaid with the users name. In other words, the users name should be on top of their image. </p>
  
  <p>I want to make <code>&lt;a&gt;</code> a flex container. When I do this, the vertical alignment is correct, but I need to manually control the horizontal alignment to make it so the text overlays the image.</p>
  
  <p>How can I use flexbox to make it so one flex item overlaps another flex item?</p>
  
  <pre><code>&lt;a&gt;
      &lt;img src="someurl"&gt;
      &lt;span&gt;some name&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>