Div Acts Like a Tabular Column Using CSS3

by muthu 2014-01-31 11:01:37

Div Acts Like a Tabular Column Using below CSS3.

----------------------------------------------- DEMO ------------------------------------------------
table.jpg
----------------------------------------------- CSS3 ------------------------------------------------
#css-table { display:table; border:1px solid #ced7e3; }
#css-table .col { display:table-cell; width:25%; padding:10px; }
#css-table .col:nth-child(even) { background:#f2f7fe; }
#css-table .col:nth-child(odd) { background:#e3e9f2; }

----------------------------------------------- HTML5 -----------------------------------------------
<div id="css-table">
<div class="col"><p>Mohammed Shami to Neesham, 1 bye, looks to try something cute as he moves right across outside off and tries to scoop this full length ball over fine leg. Would have done better to stay in his crease and belt that through the covers. Ronchi sneaks in a bye and that ends a pretty solid batting performance by New Zealand </p></div>
<div class="col"><p>Graham: "This is a perfect scenario for NZ. Taylor gets his well-deserved century and then passes the baton to Ronchi. Ronchi and Neesham then cut loose and get NZ to 290+" </p>
<p>Nothing new to report here. India elected to bowl, Ross Taylor and Kane Williamson waded into the bowling in the middle overs, India leak a few runs in the death overs while searching for the yorkers and their batsmen will have to score 300-plus again. Williamson now holds the record for the most runs by a NZ batsman in a bilateral series, with five consecutive fifties and his footwork was quite sublime both against spin and pace. Taylor consistency shines through again, driving and cutting and pulling out that patented slog sweep en route to a well-paced century, his 10th in ODIs. Join us in about half-an-hour as India gear up for another tough chase </p>
</div>
<div class="col"><p>India have won the toss and have elected to field. They've made one change: Shikhar Dhawan is back for Stuart Binny. New Zealand are pulling no punches either, bringing back Mitchell McClenaghan and Matt Henry, the 22-year-old quick who took a five-for last week, has been handed his ODI debut </p></div>
<div class="col"><p>Cookie: "Great to see Baz bring the match home on Tuesday. Looking at the conditions today a slow left arm bowler would be perfect. Someone in the mould of Dan Vettori or Matt Hart would do nicely. Excited about Matt Henry getting a crack today. He reminds me of former Canterbury quick Michael Owens. " </p></div>
</div>

1076
like
0
dislike
0
mail
flag

You must LOGIN to add comments