Eu fiz assim:

Será que fica legível dessa forma? Com uma série de concatenações em uma linha só do document.write?

<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="estilos.css">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="estilos.css">

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

<script>

    var tanque = 40;
    var caminhoComGasolina = 480;
    var caminhoComAlcool = 300;

    var consumoDeGasolina = caminhoComGasolina/tanque
    var consumoDeAlcool = caminhoComAlcool/tanque

    document.write("Com gasolina, o meu consumo é de " + consumoDeGasolina + " quilômetros por tanque rodado.<br> Já com o álcool  o meu consumo é de "  + consumoDeAlcool + " quilômetros por tanque rodado.")
</script>

Ficou dessa forma:

Álcool ou gasolina?

Com gasolina, o meu consumo é de 12 quilômetros por tanque rodado. Já com álcool o meu consumo é de 7.5 quilômetros por tanque.