<h1>出場選手</h1>
<ol>
  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 おそ松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>
  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 カラ松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>

  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 チョロ松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>
  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 一松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>
  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 十四松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>
  <li>
    <figure><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/305282/profile/profile-80.jpg?1" alt=""></figure>
    <dl><dt>松野 トド松</dt>
      <dd>頑張ります!!!</dd>
    </dl>
  </li>
</ol>

h1 {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  padding: 20px;
}

ol {
  border: 1px solid #ccc;
  width: 300px;
  margin: 0 auto;
  padding: 10px 20px;
}

ol li {
  /*display: flex;*/
  list-style-type: decimal;
  margin: 20px 0  20px 2em;
}

ol li figure {
  display: inline-block;/*追記*/
}

ol li dl {
  display: inline-block;/*追記*/
  margin: 0 0 0 10px;
}

ol li dt {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 10px;
}

ol li dd {
  margin: 0;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.