In HTML whitespaces aren’t significant, but single space between tags can wreak havok with your CSS layout. Consider the following:

<div></div> <div></div>



The space between the 2 div tags will insert a single space between the 2 divs. If the 2 divs width were 50% of the parent, they wouldn’t fit in it because of the added space. To fix this you have to remove the spaces:


It looks kind of ugly to have everything on the same line. My favorite way to deal with this is to move the final tag’s chevron at right before the next tag, like so:


It doesn’t look super nice, but it’s better than having everything glued on the same line.