JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

    <body>
		<article id="texte">
           <div id="conteneur">
			<p>Bonjour ! Je suis Bob Lennon !<br />Vous m'avez certainement vu dans des films. Ou pas. Mais on s'en fout,
			mon film préféré, c'est American Pie. Oui je sais c'est nul, je vais mourir pour la peine, au revoir, j'étais
			Bob Lennon</p>
            </div>
		</article>
        <aside id="choix">
		<section id="choix1">
			<p><a href="#">Non meurs pas, ce serait dommage</a></p>
		</section>
		<section id="choix2">
			<p><a href="#">Meurs, skyrim c'est pourri de toutes façons</a></p>
		</section>
        <aside>
	</body>

CSS

html {
  height: 100%;
  margin:0px;
}

body {
	font-family: Arial;
	height: 100%;
	margin: 0;
	padding: 0;
}
#conteneur {
    display: table-cell;
    vertical-align: middle;
}
#texte {
	display: table;
	width: 100%;
	min-height: 90%;
	height : 90%;
	background-color: #8ACDFF;
}
#choix {
    display: table;
    width: 100%;
    height: 10%;
}
#choix1 {
	display: table-cell;
	width: 50%;
    border: 0px;
	background-color: #B276FF;
    vertical-align: middle;
}

#choix2 {
	display: table-cell;
	width: 50%;
	height: 10%;
	border: 0px;
	background-color: #76FFB6;
    vertical-align: middle;
}

p{
	vertical-align:middle;
	text-align:center;
}