<!-- Aquí colocamos los estilos CSS directamente -->
<style>
    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: Arial, sans-serif;
        line-height: 1.6;
        color: #333;
        background-color: #f4f4f4;
        margin: 20px;
    }

    h1 {
        color: #2c3e50;
        font-weight: 900;
    }

    /* Clase para el texto destacado */
    .texto-destacado {
        color: #007bff; 
        font-weight: bold;
        font-size: 1.1em; 
        background-color: #e9f5ff;
        padding: 5px 10px;
        border-radius: 5px;
    }
    
    .urgente {
        margin-top: 20px; /* Aquí modifique luego de usar DevTools */
        color: red;
        font-weight: bold;
        padding: 10px;
        border: red 2px solid;
    }

</style>

Título del blog

Este es un párrafo de texto normal y este el destacado que no tiene estilos especiales.

<p class="urgente">Extra! Extra! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorem commodi inventore consequatur quidem totam vero sit eius praesentium quos dolores, blanditiis veniam? Blanditiis cupiditate reiciendis praesentium nihil consequatur delectus corrupti.</p>