Gostaria de impletar heads no código.

Meu código de exercício se encontra certo, mas eu gostaria de inserir negritos ou cabeçalhos (h1, h2, h3) nas perguntas e/ou respostas para ficar esteticamente mais bonito. Usei as tags <h.3> (sem o ponto, claro) por exemplo para tentar determinar um head não mas consegui.

Como posso solucionar esse problema estético? Sei que é bobeira.

<meta charset="UTF-8">

<h3> Álcool ou Gasolina? </h3>

<script>

   document.write ("Um carro tem um tanque de gasolina de 40 litros. Em um caminho de 480 quilômetros, qual é o consumo desse carro?");
   document.write ("<br><br>")

   var tanque = 40;
   var caminhoComGasolina = 480;
   var consumoDeGasolina = (caminhoComGasolina / tanque);

   document.write ("Resposta: Se o carro possui " + (tanque) + " litros em seu tanque de gasolina e percorreu " + (caminhoComGasolina) + " quilômetros. Seu consumo de gasolina ao total foi de " + (consumoDeGasolina) + " km/L.");
   document.write ("<br><br>");

   document.write ("Se o mesmo carro com um tanque de 40 litros de álcool fez 300 quilômetros, qual é o consumo de álcool total desse carro?");
   document.write ("<br><br>");

   var tanque = 40;
   var caminhoComAlcool = 300;
   var consumoDeAlcool = (caminhoComAlcool / tanque);

   document.write ("Já que o carro agora possui " + (tanque) + " litros de álcool em seu tanque e percorreu " +  (caminhoComAlcool) + " quilômetros. Seu consumo de álcool ao total foi de " + (consumoDeAlcool) + " km/L.");

</script>