CSS two div width 50% in one line with line break in file

Question

I try to build fluid layout using percentages as widths. Do do so i tried this:

A


        
      

Answer 1

The problem is that when something is inline, every whitespace is treated as an actual space. So it will influence the width of the elements. I recommend using float or display: inline-block. (Just don't leave any whitespace between the divs).

Here is a demo:

div {
  background: red;
}
div + div {
  background: green;
}

A
B