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
Solve unknown gap between elements in Flexbox with HTML5.
Unknown gaps between elements in flexbox are due to margin collapsing of the header to the bar division. To resolve this −
- Either Margin is reset to 0 for header or Border is added to the bar.
- Padding can be done to bar by adding property padding: 10px to bar.
Try the following code snippet to resolve the unknown gap problem −
.bar {
background: yellow;
color: gray;
height: 250px;
padding: 10px;
text-align: center;
}
Updated on: 24-Jun-2020
153 Views
Advertisements