ECサイト用パーツ

新着情報

0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと
0000.00.00
てきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすとてきすと

パーツ設置費用

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>