Pe site-urile care conţin texte ce necesită referinţe, cu ajutorul notelor de subsol, CSS-ul poate fi de folos, prin crearea unei clase aplicabile acelui text*. Astfel, se poate introduce automat şi acea linie orizontală care delimitează nota de subsol de restul textului, prin folosirea atributului :before. Pentru aceasta, propunerea mea este a se folosi următorii parametri ai clasei, denumite de mine, .notaSubsol:

.notaSubsol {
 font-family: 'Archivo Narrow', sans-serif;
 line-height:1.2;
 padding:0px;
 margin:0px;
 font-size:18px;
}
.notaSubsol:before {
 display: block;
 content: "";
 border-top: 1px solid #000;
 width: 300px;
 margin: 0px;
 transform: translateY(-0.5rem);
}

Va fi necesar, doar, să puneţi indexul notei de subsol (fie numerotare, fie asterisc), folosind atributul < sup> după cum vedeţi şi la textul de sus, unde am folosit < sup>* < /sup >

* Această notă de susbol este creată folosind clasa de mai sus.

Tags:

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

72 − = 70