html5tag

by leezche

HTML

<div class="box">
    <strong>leezche : 생활웹디자인</strong>
    <div class="info">보유모듈 : 453개 </div>
    <div class="marking">봤어요 : 239개</div>
</div>
<div class="box">
    <strong>이고잉 : 생활코딩</strong>
    <div class="info">보유모듈 : 392개 </div>
    <div class="marking">봤어요 : 24개</div>
</div>
<div class="box">
    <strong>니나 : 생활디자인</strong>
    <div class="info">보유모듈 : 49개 </div>
    <div class="marking">봤어요 : 1,344개</div>
</div>
<div class="box">
    <strong>leezche : 핸드메이드 홀릭</strong>
    <div class="info">보유모듈 : 5개 </div>
    <div class="marking">봤어요 : 89개</div>
</div>

CSS

.box {
    font-size: 0.75em;
    width: 150px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    float: left;
}
.box strong {
    color: skyblue;
}
.box .info {
    color: #999;
}