xxxxxxxxxx
.box {
border: 1px solid #500;
}
.block-div-margin {
margin: 10px 0;
display: block;
/*default div state*/
}
.inline-block-div-margin {
display: inline-block;
margin: 10px 0;
}
.my-div {
padding: 20px;
background: #EAEAEA;
border-bottom: 1px solid #999;
}
.my-other-div {
background: #D3E1E1;
padding: 0 20px 20px 20px;
}
.my-other-div-content {
margin-top: 20px;
}
.my-div-inline-block {
display: inline-block;
width: 100%;
box-sizing: border-box;
}
xxxxxxxxxx
Programming is like a "choose your
own adventure game" except every
path leads you to a StackOverflow
question from 2013 describing the
same bug, with no answer.
So, you're searching for the holy grail?
xxxxxxxxxx
https://stackoverflow.com/
Here it is. I hope you dont mind me drinking out of it first
Dont only copy the code, try to understand it!