avec w3.CSS

  <div class="w3-row">
    <div class="w3-col w3-half">
      gauche
    </div>
    <div class="w3-rest">
      droite<br />
      droite<br />
      droite
    </div>
  </div>

L'utilisation du fichier w3.css est recommandée, car il facile grandement la présentation d'une page web.

sans w3.CSS

        <div style="overflow:auto;">
          <div style="float:left;width:50%;">
            <p>
              gauche
            </p>
          </div>
          <div style="overflow:auto;">
            <p>
              droite<br />
              droite<br />
              droite
            </p>
          </div>
        </div>

Il est inutile de définir à 100 % la taille du conteneur principal lorsqu'il est de type bloc.
Rappel : Lorsque le style est appliqué localement, il est plus commode de le placer dans l'attribut des balises concernées.