html - How to use CSS to create two column page layout? -

i create 2 column web page in that example. each column contains description photo next - know how use css achieve that?

.col-half {    width: 40%;    float: left;    padding:15px;  }    .col-half div {    background-color:orange;    color:white;    margin:5px;    border:1px solid black;    background-image:url('http://img1.wikia.nocookie.net/__cb20100915194254/starwars/images/7/7f/jabba_swsb.png');    background-size:cover;    min-height:150px;  }

<div class='col-half'>    <div>asdf</div>    <div>zyzzz</div>    <div>asdf</div>    <div>12345</div>  </div>  <div class='col-half'>    <div>asdf</div>    <div>zyzzz</div>    <div>asdf</div>    <div>12345</div>  </div>

note width 40%, make room margin/padding. can adjust see fit.