Pourquoi ce lien de paragraphe semble-t-il si tendance ?

Question

J'ai joint du code ici, j'ai récemment ajouté un lien vers le site Web de mon portfolio et le lien du paragraphe fait quelque chose de bizarre, il semble s'aligner de manière géniale, je ne sais pas quel est le problème. Je me demande si cela pourrait provenir d'autres styles CSS (par exemple nav_links), mais je ne sais pas comment corriger cela sans gâcher d'autres styles.

J'ai ajouté une classe à un href et essayé d'y ajouter des styles CSS, cela a résolu certains problèmes (comme la taille et la couleur) mais il y a des lacunes

Answer 1

En relisant votre question, je ne sais pas exactement quel problème vous essayez de résoudre. Que signifie « mode alignée » ?

CSS sur Design Portfolio a float: left et des marges.

float: left Le sort du flux et le déplace vers la gauche de la fenêtre, provoquant l'enroulement d'un autre texte (par exemple "Lire un livre") autour de lui (et de ses marges).

.nav_link li, a {
    display: inline;
    float: left; /* <------ this */
    font-size: 24px;
    font-family: "neue-haas-grotesk-display", sans-serif;
    margin-left: 16px; /* <------ and this */
    margin-top: 24px; /* <------ and this */
    margin-bottom: 36px; /* <------ and this */
    text-decoration: none;
    color: #f8f8f8;
}

Answer 2

Vous avez fait une erreur dans CSS et avez fait quelque chose comme ceci :

.nav_link li, a

Vous devez supprimer ces virgules. Je suppose que vous essayez de faire cela lorsque vous avez un élément .nav_link 类的元素内的 li 中设置 a 的样式。但这不是你正在做的。相反，此选择器将一堆样式应用于 .nav_link li 并单独应用于所有 a. Le sélecteur devrait en fait ressembler à ceci :

.nav_link li a

Vous rencontrez ce problème à plusieurs endroits dans votre CSS.