[Proyecto] Haz lo que hicimos en el aula

  <main>
        <section class="principal">
            <h2 class="titulo-princial">Sobre la Barbería Alura</h2>
            <img class="utensilio" src="img/utensilios.jpg" alt="utensilios">
            <p>Ubicada en el corazón de la ciudad, la <strong>Barbería Alura</strong> trae para el mercado lo que hay de mejor para su cabello y barba. 
            Fundada en 2020, la Barbería Alura ya es destaque en la ciudad y conquista nuevos clientes diariamente.</p>
            <p id="misión"><em>Nuestra misión es: <strong>"Proporcionar autoestima y calidad de vida a nuestros clientes"</strong>.</em></p>
            <p>Ofrecemos profesionales experimentados que están constantemente observando los cambios y movimiento en el mundo de la moda, 
            para así ofrecer a nuestros clientes las últimas tendencias.
            El atendimiento posee un padrón de excelencia y agilidad, garantizando calidad y satisfacción de nuestros clientes.</p> 
        </section>

        <section class="Diferenciales">
            <h3 class="titulo-princial">Diferenciales</h3>
        <ul>
            <li class="item">Atencion al clientes</li>
            <li class="item">Localización</li>
            <li class="item">Espacio Diferenciales</li>
            <li class="item">Profesionales</li> 
        </ul>
        <img src="img/barber_action.jpg" alt="" class="imgbarber_action">
        </section>

.baner {
    width: 100%;

}
.titulo-princial{
    text-align: center;
    font-size: 2em;
    margin: 0 0 1em;
    clear: left;
}
.principal{
    margin: 0 0 1em;
}
.principal strong{
    font-size: 1.5em;
    font-weight: bold;
}  
.principal em{
    font-style: italic;
} 
.imgbarber_action{
    width: 60%;
}
.utensilio{
    width: 120px;
    float: left;
    margin: 0 20px 20px 0;
}