I’ve been learning about divs over the past few months, and am now able to align divs side by side.
However, today I was working on my website, and my divs suddenly stopped lining up.
The divs in question are: #dorsey_left, #dorsey_middle and #dorsey_right.
When I remove #dorsey_left from the HTML document, #dorsey_middle and #dorsey_right align properly. I’m guessing that the problem is related to #dorsey_left, but I can’t find anything in the code.
This is the JsFiddle.
I think you’ll find the solution by cleaning up your code. There are numerous syntax errors (unclosed quotes, children of
<ul>that aren’t<li>, etc). If your code passes validation and the problem still exists try to simplify it so you get to the root of the problem by removing things that clearly aren’t the problem.