CSS {texto destacado}

Utilizado para destacar um texto dentro de um retângulo com bordas arredondadas e com fundo cinza

1. Como utilizar

<div class="destacado">

<b>Definição:</b> O <span class="enfase">metro</span> é definido como o comprimento do trajeto percorrido pela luz no vácuo durante um intervalo de tempo de $1/299.792.458$ de um segundo.

</div>

2. Resultado

O metro é definido como o comprimento do trajeto percorrido pela luz no vácuo durante um intervalo de tempo de $1/299.792.458$ de um segundo.

3. CSS implementado no blog

.destacado {
    background-color: #fcfcfc; /* Cor de fundo do retângulo */
    border: 1px solid #ccc; /* Borda do retângulo */
    border-radius: 5px; /* Cantos arredondados */
    padding: 20px; /* Espaçamento interno */
    margin: 20px 0; /* Margem externa */
    line-height: 1.6; /* Espaçamento entre linhas */
    font-family: Merriweather, serif;
    font-weight: 300;
}