درست کردن ستون در css

[mahdi. 9]

سلام به همه دوستان و اساتید محترم

من یک تکست باکس طراحی کردم که مطالب مرتبط سایت و داخلش قرار میدم

در این تکست باکس عکس های شاخص و نوشته ها نمایش داده میشن

همینطور که در عکس مشخص کردم میخوام تکست باکسم دارای دو ستون باشه و بتونم مابقیه مطالب مرتبط و تو ستون بعدی بذارم

لطفا دوستان راهنمایی کنند

کد css تکست باکس

.box {
}
.box-gradient {
position:absolute;
width:100%;
height:100%;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
padding: 0px 10px 0 10px;
background: -o-linear-gradient(left, #DFDFDF 0%, #f2f2f1 50%, #f2f2f1 50%, #DFDFDF 100%);
background: -ms-linear-gradient(left, #DFDFDF 0%, #f2f2f1 50%, #f2f2f1 50%, #DFDFDF 100%);
background: -moz-linear-gradient(left center , #DFDFDF 0%, #F2F2F1 50%, #F2F2F1 50%, #DFDFDF 100%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear, left top, right top, color-stop(200%,#DFDFDF),color-stop(17%,#f2f2f1), color-stop(75%,#f2f2f1), color-stop(-200%,#DFDFDF));
}
.box-shadow {
position:absolute;
left:61%;
margin:0 0 0 -285px;
bottom:5px;
width:415px;
height:19px;
background:#fff;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
box-shadow:22px 9px 10px 5px #000;
-o-box-shadow: 0px 12px 20 rgba(0, ,0 1, 0.3);
-moz-box-shadow:22px 9px 10px 5px #000;
-webkit-box-shadow:22px 9px 10px 5px #000;
}

[مرتضی نظری 4182]

سه تا دایو درست کنید

دایو 1 رو float:right کنید، دومی رو float:left البته z-index هر دوی این دورو قرار بدید 0 و سومی (تایتل) رو در وسط کار قرار بدید و z-index:1000 قرار بدید.. (اینم از آموزش ماهیگیری کردن...

[mahdi. 9]

میشه یه مثال کوتاه بزنید

[مرتضی نظری 4182]

http://codepen.io/m-nazari/full/emnti

[mahdi. 9]

ممنون از راهنماییتون , کمی با کدهای لینکی که دادید کار کردم مشکلم حل شد