Split Div Into 2 Columns Using CSS

Question

I have been attempting to split a div into two columns using CSS, but I have not managed to get it working yet. My basic structure is as follows:

Answer 1

1. Make font size equal to zero in parent DIV.

2. Set width % for each of child DIVs.

   #content {
       font-size: 0;
   }
   
   #content > div {
       font-size: 16px;
       width: 50%;
   }
   

*In Safari you may need to set 49% to make it works.