Problema con Radio y verificación desmontado

Hola, me gustaría saber donde tengo el errror para poder seguir con la práctica del vídeo de HTML5 y CSS.

La parte de Rádio y verificación no me muestra como tiene que mostrar, me sale todo lleno de cajas en vez de recuadros de verificación y circulitos para seleccionar.
Gracias

Un gatito recosatdo naranja

    <!--Elementos del cuerpo de la web contenido de la web -->

    </p>

    <hr>

    <h3>Lista de Gatos</h3>

    <div>

        <p>Cosas que les <em>gustan</em> a los gatos</p>

        <ul>

            <li>Menta gatuna</li>

            <li>Apuntadores Laser</li>

            <li><s>Lasaña</s></li>

            <img src="imagenes/lasana.png " alt="lasaña ">

        </ul>

        <p>Cosas que los gatos <strong>odian</strong>:</p>

        <ol>

            <li>Tratamientos antipulgas</li>

            <li>Truenos</li>

            <li>Otros Gatos</li>

        </ol>

    </div>

    <img src="imagenes/image.jpg ">

    <form acttion="/enviar-respuesta ">

        <!-- ("/enviar-respuesta ")Lugar donde se coloca el archivo del servidor en el que se enviará la respuesta-->

        <!--Texto: Botones de rádio -->

        <label for="interior ">

            <input id="interior " type="radio " value="interior "name="interior-exterior " checked>Interior

        </label>

        <br>

        <label for="exterior ">

            <input id="exterior " type="radio " value="exterior " name="interior-exterior ">Exterior

        </label>

        <br>

        <input type="text " placeholder="url de tu gato " required>

        <br>

        <!-- Casillas de verificación-->

        <label for="carinoso "><input id="carinoso "type="checkbox "

            value="carinoso "

            name="personalidad " checked>Cariñoso

        </label>

        <label for="Perezoso "><input id="Perezoso "type="checkbox "

            value="Perezoso "

            name="personalidad ">Perezoso

        </label>

        <label for="Energetico "><input id="Energetico "type="checkbox "

            value="Energetico "

            name="personalidad ">Energético

        </label>

        <br>

        <!-- Texto a enviar -->

        <button type="submit ">Enviar

        </label>

        </input>

    </form>

</main>

<footer>

    <p><small>Sin derechos de autor - Soy yo - <a href="https://www.freecodecamp.org/espanol/ "> freeCodeCamp.org</small></a></p>

</footer>

La manera correcta para el radio es:

<label for="exterior"><input id="exterior " type="radio" value="exterior" name="interior-exterior"/>Exterior</label>

Para el checkbox es:

<label for="carinoso"><input id="carinoso "type="checkbox"value="carinoso"name="personalidad " checked>Cariñoso</label>

Tu problema fue que en ambos agregaste un espacio en el type. Ten cuidado con eso, es algo sencillo pero puede generar problemas.

Muchas gracias, lo tendré en cuenta. Pero el caso es que yo no le dí los espacios. Sino que al pulsar en alt z o al guargar con control s. Me lo creaba el… Pero gracias