dl dt otherlinks

dl dt otherlinks

by pj_js15

HTML

<!-- <dl>
  <dt>Title</dt>
  <dd>Definition goes here</dd>
  <dt>Title 2</dt>
  <dd>Definition 2 goes here</dd>
</dl> -->

<dl class="links-sec-two">
    <dl>
      <dt>Title 1</dt>
      <dd>Definition 1 goes here</dd>
    </dl>
    <dl>
      <dt>Title 2</dt>
      <dd>Definition 2 goes here</dd>
    </dl>
</dl>

CSS

dd, dl, dt{
  margin: 0;
  padding: 0;
}
dl.links-sec-two{
  padding: 10px;  
  border: 1px solid #CCC;
}
.links-sec-two dl{
  width: 49%;
  display: inline-block;
}
.links-sec-two dl dt{
  border: 1px solid red;
}
.links-sec-two dl dd{
  border: 1px solid gray;
}

@media only screen and (max-width: 480px) {
    .links-sec-two dl{
      display: block;
      width: 100%;
    }
}