新着情報

パーツ設置費用

3,000円

CSS

.news__list h2 {
  margin-bottom: 0;
}

.news__list dl {
  height: 180px;
  overflow-y: scroll;
}

.news__list dl dt, .news__list dl dd {
  box-sizing: border-box;
  font-size: 14px;
}
.news__list dl dt {
  float: left;
  font-weight: 500;
  padding: 10px 0;
  width: 120px;
}
.news__list dl dd {
  margin-left: 120px;
  padding: 10px 0;
}

HTML

<section class="news__list">
  <h2>新着情報</h2>
  <dl>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
    <dt>0000.00.00</dt>
    <dd>てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと</dd>
  </dl>
</section>