-3

I am using an unordered list with li items to display multiple boxes across the page, and onto multiple lines. Each box contains variable text length which pushes up the height of some of the boxes. Here's the example.

How do I get all rows of boxes to line up across the page nicely?

Thanks

Atrix
  • 299
  • 2
  • 6
  • 3
    Please add meaningful code and a problem description here. Don't just link to the site that needs fixing — otherwise, this question will lose any value to future visitors once the problem is solved or if the site you're linking to is inaccessible. Posting a [Minimal, Complete, and Verifiable example (MCVE)](https://stackoverflow.com/help/mcve) that demonstrates your problem would help you get better answers. For more info, see [Something on my web site doesn't work. Can I just paste a link to it?](https://meta.stackexchange.com/questions/125997/) Thanks! – j08691 Nov 13 '18 at 20:29
  • well if you want to prevent elements from defining their own height, define one for them and give them a scroll. – Rainbow Nov 13 '18 at 20:38

1 Answers1

0

Try changing the 

#divOnPageMenu ul {
display: flex;
...
}
shizhen
  • 12,251
  • 9
  • 52
  • 88
QuattroDog
  • 41
  • 3