I don’t often confront problems with CSS but I’m having a random issue now. I have a section with display:block. Within it are two other elements, aside and article. I’m trying to add a margin-bottom to the “section”. It’s not working. No clue.
http://estevancarlos.kodingen.com/ecv7/?projects=rada-2
You’ll see that the large photo touches a gray area. That shouldn’t happen.
The w3c validator throws back 5 errors on your url.
Notwithstanding it being declared a html5 doc, which has issues of its own, there are some basic html errors in your code. Perhaps fix those first, and if pain persists post back with your validated code.
Thanks for that. It’s now valid and not working. Any suggestions?
Have you contained your floats?
Actually it looks like you have found the answer now and applied overflow:hidden to .project which will contain the floats and allow the bottom margin to work.
Correct. I thought a clear:both would’ve solved that, which I did earlier. Didn’t realize I needed an overflow:hidden.