title: CSS How to align two DIVs on the same line without using floats
body: <p>This has to be possible! </p>
  
  <p>I've read dozens of questions posted on this site as well as just blindly searching Google. I have one container DIV and two DIVs inside the container. I would like everything inside the container to be centered, but the two DIVs inside the container to align next to each other. </p>
  
  <p>The only way I've seen to accomplish this is to float the two DIVs inside the container. But if I float them then I can't have them centered. And by centered I mean I would like the right border of the left DIV to be touching (or almost touching) the left border of the right DIV.</p>
  
  <p>Someone please educate me! I swear I'll go back to tables! I'm not posting any code, because I don't have any</p>
  
  <p>Thanks for anyone who can help me!</p>