<section>
  <div id="gauche">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, possimus in quod totam mollitia ipsam quia tenetur porro distinctio dignissimos, fugit odio quas ipsa. Omnis iure aliquam maxime incidunt inventore.</div>
<div id="droite">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae, possimus in quod totam mollitia ipsam quia tenetur porro distinctio dignissimos, fugit odio quas ipsa.</div>
</section>
section{
  width: 600px;
  height: 200px;
}
section:hover div{
  display: inline;
}
div{
  width: 300px;
}
#gauche{
  background-color: silver;
}
#droite{
  background-color: pink;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.