How to make all divs the same size whether they have content or not? : <p>I am creating a battleship game, where there is a generated grid on the board, where each square is a colored box with a number, and is its own div. The problem I'm having is that when one of the divs gets some extra content in it, it makes that particular div longer than the rest of the divs, which throws off the whole grid. How do I make sure all of the divs are the same height no matter if they have extra content or not? I have tried adding a height property to the CSS, but it does not change the actual height of the colored box.</p>
