Thursday, 13 November 2014

Membuat 3 colom dengan html dan css

berikut bagaimana cara membuat 3 colom dengan html dan css


codingan css nya


.content{
width:100%;
height:350px;

background-color:red;

margin: 0 auto;
}
.content div {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.contentkiri{
width:50%;
min-height:350px;
height:auto;
background-color:yellow;
float:left;
padding-right:5px;
border:1px ;
}
.contenttengah{
width:25%;
min-height:350px;
background-color:blue;
padding-right:5px;
float:left;
}
.contentkanan{
width:20%;
min-height:350px;
height:auto;
background-color:green;
float:left;
position:relative;
padding-left:5px;
}



file HTML nya

       
    <div class="content">
<div class="contentkiri">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div>
<div class="contenttengah">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
<div class="contentkanan">asdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    </div>    



sekian

Perhatian: Yuk Baca Artikel bagus di Nurul Musthofa

Artikel Terkait

No comments:

Post a Comment

 

Network

Pesan

Semoga situs ini bermanfaat