- This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
Viewing 11 posts - 1 through 11 (of 11 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
How to make multiple column like newspaper using css3?
This is one simple way to do it.
[http://cdpn.io/mEKdF](http://cdpn.io/mEKdF)
You can use the CSS3 multicolumn layout: http://www.w3.org/TR/css3-multicol/
Very limited support though: http://caniuse.com/#feat=multicolumn
Chris made a video on this a while back, but he makes an entire grid system.
https://css-tricks.com/video-screencasts/115-dont-overthink-it-grids/
I’ve been experimenting in Codepen.
It’s all unprefixed and as @Senff said….has very limited support.
http://codepen.io/Paulie-D/pen/khdJH
Odd top-margin bug on the contents which I’ve had to ‘hack’…any thoughts?
Thanks…so I did. Fixed
Actually the universal selector works (just not on Codepen). I’ve tested it on Safari, Chrome, Opera, Firefox (Mac)
Oh…I know it works **generally** but if I remove the margin-top: 0 from the p tag there is a gap at the top of the first column even with the the universal margin set to 0.
On your example:
– with the universal margin set to 0,
– and with the margin-top: 0 from the p tag removed
it works.
Try without using Codepen. :)
Hmmm….must be a Codepen issue then.