CSS {referências}

1. Como utilizar

<div class="referencias" aria-label="Referências">
<h5>Referências:</h5>
<ul>
<li>NOME DA REFERÊNCIA 1</li>
<li>NOME DA REFERÊNCIA 1</li>
</ul>
</div>

2. Resultado

Referências:

• NOME DA REFERÊNCIA 1
• NOME DA REFERÊNCIA 1

3. CSS implementado no blog

/* CSS PARA RODAPÉ {REFERÊNCIAS} - INICIO */
.referencias {
    background-color: #fcfcfc;
    border-left: 5px solid #e04040;
    padding: 15px;
    margin: 20px 0;
    border-radius: 5px;
    font-family: Merriweather, serif;
    font-weight: 300;
    font-size: 13px;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0,
0.1);
}
.referencias h5 {
    color: #000;
    margin-top: 0;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px; 
    padding: 0; 
    border-bottom: 0; 
}
.referencias ul {
    padding-left: 20px;
    margin-bottom: 0;
    list-style-type: disc; /* Bolinhas
pretas */
}
.referencias li {
    margin-bottom: 8px;
    padding-top: 0;
    padding-bottom: 0;
    color: #e04040; /* Cor do texto das
referências */
}
.referencias li::marker {
    color: #000; /* Cor das bolinhas
(preta) */
}
.referencias a {
    color: #e04040;
    text-decoration: none;
}
.referencias a:hover {
    text-decoration: underline;
}
/* CSS PARA RODAPÉ {REFERÊNCIAS} - FIM */