네모박스 CSS

네모박스
No. 6d25s4447895 

 
네모박스 CSS로 구현해 봤습니다.  아래 소스 있으니까 가져다가 사용하셔도 됩니다. ^^

우리는 말안하고 살수가 없나 날으는 솔개처럼

CSS 소스

<style type="text/css">

.square-box{

    position: relative;

    width: 50%;

    overflow: hidden;

    background: #4679BD;

}

.square-box:before{

    content: "";

    display: block;

    padding-top: 100%;

}

.square-content{

    position:  absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    color: white;

    text-align: center;

}

</style>     

<br> 

<div class='square-box'>

<div class='square-content'>   <h3> 우리는 말안하고 살수가 없나 날으는 솔개처럼</h3>   

</div>

</div>

보도자료, 홍보하실 내용 있으시면 보내주시기 바랍니다. 블로그 포스팅 해 드리겠습니다.

내일신문 백재원 부장