Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
HTML5/CSS align list-items depending on other columns mutual height
Align list-item with the help of flex. Flex will make columns flexible according to content. The wrapper will layout columns in a row.
.wrap{
display : flex
}// This will help wrapper to become flexible
.wrap.col{
flex: 1 0 33%;
}Flex is basically a property which helps in making element flexible.
Use the following to keep the lists vertically aligned to the bottom −
.col .content {
margin-top: auto;
}
Updated on: 24-Jun-2020
156 Views
Advertisements