KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I am trying to do a grid of products using list items and inline-block . The problem is that the content of the blocks has various heights and the inline-block doesn't keep the heights equal. The code: #blocks ul{ list-style-type:none; margin:0px; padding:0px; } #blocks li { display:inline-block; vertical-align:top; width:280px; background-color:#ff9933; padding:13px; margin: 0px 0px 20px 19px; } <div id="blocks"> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </div> Here's an image to illustrate the issue. I need the blocks to keep the same height as the larger blocks, independently of their content. Is it possible to make something like this: ?
Tags (comma-separated)
Save Edits
Cancel