column-span

column-span: none;

column-span: all;

<section id="default-example">
  <div class="multicol-element">
    <p>
      Londres. Le trimestre de Michaelmas venait de se terminer, et le lord
      chancelier siégeait dans la salle de Lincoln's Inn.
    </p>
    <div id="example-element">Étendue&nbsp;?</div>
    <p>
      Un novembre implacable. Tant de boue dans les rues comme si les eaux
      venaient tout juste de se retirer de la surface de la terre, et il ne
      serait pas étonnant de rencontrer un Megalosaurus, quarante pieds de long
      environ, se dandinant comme un lézard éléphantesque en montant Holborn
      Hill.
    </p>
  </div>
</section>

.multicol-element {
  width: 100%;
  text-align: left;
  column-count: 3;
}

.multicol-element p {
  margin: 0;
}

#example-element {
  background-color: rebeccapurple;
  padding: 10px;
  color: white;
}

/* Valeurs avec un mot-clé */
column-span: none;
column-span: all;

/* Valeurs globales */
column-span: inherit;
column-span: initial;
column-span: revert;
column-span: revert-layer;
column-span: unset;

<article>
  <h2>Titre s'étendant sur toutes les colonnes</h2>
  <p>
    Le h2 doit s'étendre sur toutes les colonnes. Le reste du texte doit être
    réparti entre les colonnes.
  </p>
  <p>
    Ceci est un bloc de texte réparti en trois colonnes grâce à la propriété CSS
    `columns`. Le texte est réparti de façon égale entre les colonnes.
  </p>
  <p>
    Ceci est un bloc de texte réparti en trois colonnes grâce à la propriété CSS
    `columns`. Le texte est réparti de façon égale entre les colonnes.
  </p>
  <p>
    Ceci est un bloc de texte réparti en trois colonnes grâce à la propriété CSS
    `columns`. Le texte est réparti de façon égale entre les colonnes.
  </p>
  <p>
    Ceci est un bloc de texte réparti en trois colonnes grâce à la propriété CSS
    `columns`. Le texte est réparti de façon égale entre les colonnes.
  </p>
</article>

article {
  columns: 3;
}

h2 {
  column-span: all;
}