CODEWITHSUNDEEP
htmlcss
user1309220
user1309220

Reputation: 179

html and css - aligning row & columns of articles without using table

I've got a series of links to press articles I am publishing on a client's site (basic html and css, no php allowed). The client would like the articles neatly lined up in nice rows and columns. I'm trying not to use a table, but cannot seem to get things to line up correctly. Of course the article titles are different lengths which throws everything off.

I've got a jsfiddle which demonstrates what I am trying to do: http://jsfiddle.net/ktpmm5/ug5s4Leq/5/

I would also like to do this without using a background image, but I can do that if need be (it might look fancier that way). The client also wants this to be responsive, and be viewed on the usual smartphones, tablets, etc. 

Can anyone point me in the right direction?  Thanks-

Upvotes: 0

Views: 1199

Answers (1)

Alexis Peters
Alexis Peters

Reputation: 1631

I would use the new CSS3 flexbox: http://css-tricks.com/snippets/css/a-guide-to-flexbox/

but before you start, check if it is usable in the browsers you're developing for: http://caniuse.com/#search=flexbox

Upvotes: 1

Related Questions