CSS columns vertical alignment in Chrome?

I have gone through your problem and find a solution why you are getting the problem in chrome.

Up vote 0 down vote favorite share g+ share fb share tw.

With the following code: Item Item Item Item Item Item Item Item Item Item In Chrome I get a weird alignment of rows: The rows align correctly in Firefox. Does anyone know how to fix this? Html css html5 google-chrome css3 link|improve this question edited Mar 1 at 5:07BoltClock's a Unicorn?101k14145376 asked Feb 29 at 10:20Groky3,88212341 79% accept rate.

I have gone through your problem and find a solution why you are getting the problem in chrome. Please add this css to the ul tag: Item Item Item Item Item Item Item Item Item Item I hope it will solve your problem. OPEN SCREENSHOT IN NEW WINDOW FOR CLARITY Above is the screen shot of different images of google chrome (different window sizes), you can see 1st image is your screenshot & the output of you code in google chrome in which I added three different colored borders to demonstrate the problem.

Border red on div. Pink on ul Green on li After adding margin:0; on ul you can see different output in different viewport sizes.

Sorry, this makes no difference. – Groky Feb 29 at 16:29 @groky acc to image you have provided I have solved the alignment issue of row, can you please specify what exactly you want so I can rectify whether I misunderstood your question or not. Could you please show us what exactly you want that will helpful to solve the issue.

– Dinesh Swami Mar 1 at 5:26 The problem is that the rows don't line up - the first column's rows have a different vertical alignment to the other columns's rows. Adding margin:0 to the ul style doesn't make any difference to this when I open this page in Google Chrome. – Groky Mar 1 at 14:33 @Groky I have added a screen shot please go through it if still I am not getting your problem please let me know.

– Dinesh Swami Mar 2 at 5:20 Sorry, my mistake. I was applying the margin:0 to the . Doh.

Thanks, that fixes it. – Groky Mar 2 at 10:17.

It looks like the issue is with the user agent stylesheet used by Webkit. For reasons like this, it's always best to use a good reset stylesheet, so that all browsers start on the same footing, and then style from there. Here is your example with a CSS reset stylesheet: jsfiddle.net/euw72.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.