CSS {resolução de integrais}

Utiliza em conjunto o CSS .destacado para criar um retângulo com a fórmula dentro e um botão de link para clicar para acessar o post.

1. Como utilizar

Inserir o código abaixo, substituindo a fórmula LaTeX e o link do post:

<div class="destacado">
  <div class="formula-destaque">
    $
\displaystyle \int \frac{1}{a-bx}\ dx = -\frac{\ln \left|a-bx \right|}{b}+C
    $
  </div>
  <a class="link-destaque" href="http://www.obaricentrodamente.com/2015/06/resolucao-da-integral-displaystyle-int.html" target="_blank">
    Ver solução &nbsp; &nbsp;<i class="fas fa-pen"></i></a>
</div>

2. Resultado

$ \displaystyle \int \frac{1}{a-bx}\ dx = -\frac{\ln \left|a-bx \right|}{b}+C $

Ver solução    

3. CSS implementado no blog

/* === CSS ADICIONAL (. destacado)=== */
.formula-destaque {
    margin-bottom: 10px; /* Espaço entre fórmula e link */
    overflow-x: auto;
    padding: 5px 0; /* Espaçamento opcional */
}

.link-destaque {
    display: block;
    text-align: right;
    color: #F1C232;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.85em;
}

.link-destaque:hover {
    text-decoration: underline;
}

.link-indisponivel {
    color: #999;
    cursor: not-allowed;
  }

/* === FIM CSS ADICIONAL (. destacado)=== */