figures

by Alex McWhinnie

HTML

<link rel="stylesheet" href="https://assets.ipums.org/_css/jsfiddle.1.0.css">
<script src="https://assets.ipums.org/_js/load-fonts.1.3.js"></script>
<h2>Figures can contain a single element</h2>

<figure>
  <figcaption>Figure 1: Survey Follow-Up Sampling Procedure For SESTAT Surveys, 1993-1999</figcaption>
  <img src="https://highered.ipums.org/highered/_img/followup_adapt_1993.jpg">
</figure>

<h2>Or multiple elements</h2>
<figure>
  <figcaption>Figure 1: Survey Follow-Up Sampling Procedure For SESTAT Surveys, 1993-1999, And 1999-2006</figcaption>
  <img src="https://highered.ipums.org/highered/_img/followup_adapt_1993.jpg">
  <img src="https://highered.ipums.org/highered/_img/followup_adapt_1999.jpg">
</figure>

CSS

img {
  width: 75%;
  height: 75%;
}