<div class="depth">
<span>이메일 : <a href="mailto:job@pxd.co.kr" target="_blank">job@pxd.co.kr</a></span>
<span>주소 : 경기 성남시 분당구 대왕판교로 644번길 49 다산타워 3층</span>
<span>홈페이지 : <a href="www.pxd.co.kr" target="_blank"> www.pxd.co.kr</a></span>
</div>
@mixin divisionBar($width, $height, $backgroundColor, $margin, $top: 0) {
content: '';
display: inline-block;
position: relative;
top: $top;
left: 0;
z-index: 10;
margin: 0 $margin;
width: $width;
height: $height;
background: $backgroundColor;
}
.depth {
padding: 30px;
span + span:before {
@include divisionBar(1px, 12px, #333, 10px, 0)
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.