CSS Link Download Box AWSubs

Blog Tutorial

by Dandy Wahyu

HTML

<div class="dl-box">
  <div class="dl-title">Masukan Judul Disini</div>
  <div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
  <div class="dl-title">Masukan Judul Disini</div>
  <div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
  <div class="dl-title">Masukan Judul Disini</div>
  <div class="dl-item"> LINK1 | LINK2 | LINK3 | LINK4 | LINK5 </div>
</div>

CSS

/* CSS Download Box By Nukohime-Dezign dont removed this*/

.dl-box {
  background-color: #F5F5F5;
  border: 1px solid #E5E5E5;
  float: left;
  font-family: Arial, Tahoma, "Lucida Sans Unicode", "Lucida Grande";
  font-size: 12px;
  line-height: 12px;
  margin: 0px 0px 20px;
  outline: 0px none;
  overflow: hidden;
  padding: 20px;
  vertical-align: baseline;
  width: 578px;
}

.dl-title {
  background-color: #00F;
  background-position: 7px 6px;
  background-repeat: no-repeat no-repeat;
  border: 1px none;
  color: #FFF;
  float: left;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 3px;
  outline: 0px none;
  padding: 10px 0px 10px 35px;
  vertical-align: baseline;
  width: 543px;
}

.dl-item {
  background-color: #FFF;
  background-position: 7px 6px;
  background-repeat: no-repeat no-repeat;
  border: 0px none;
  float: left;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 2px;
  outline: 0px none;
  padding: 10px 0px 10px 35px;
  vertical-align: baseline;
  width: 543px;
}