Как сделать div с двумя div внутри?

Вы можете создать два контейнера div и поместить два div внутри их html. В css контейнер div будет упорядочен по вертикали по умолчанию, что означает, что вы должны применять float: left; для каждого контейнера и для каждого div внутри них.

http://jsfiddle.net/LA7js/

<div class="left-container">
  <div class="image-left"></div>
  <div class="info-left"></div>
</div>

<div class="right-container">
  <div class="image-right"></div>
  <div class="info-right"></div>
</div>

HTML

<div id="container">
    <div id="left">
        <div class="image"></div>
        <div class="contactInfo"></div>
    </div>
    <div id="right">
        <div class="image"></div>
        <div class="contactInfo"></div>
    </div>
</div>

CSS

#container {
  /*width and height of main container */
  width: 1000px;
  height:400px;
}

#left, #right {
  float:left;
  height: 300px;
  width: 400px;
}

div.image {
  float: left;
  width: 200px;
  height: 200px;
}

div.contactInfo {
  float: left;
  width: 100px;
  height: 200px;
}

Числа для высоты и ширины - это общая BS для этого.. но вы получаете идею. Играйте с цифрами. CSS - ваш друг :)