I've attached some code here, I recently added a link to my portfolio website and the paragraph link is doing something weird, it seems to be aligning funky, I'm not sure what the problem is. I'm wondering if it might stem from some other styles in CSS (e.g. nav_links), but I'm not sure how to correct this without messing up other styles.
I added a class to a href and tried adding some CSS styles to it, it solved some issues (like size and color) but there were gaps
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Rereading your question, I'm not sure exactly what problem you are trying to solve. What does "aligned fashion" mean?
The CSS on Design Portfolio has
float: leftand margins.float: leftTakes it out of the flow and moves it to the left of the viewport, and causes other text (such as "Read a book") to wrap around it (and its margins) )..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; }You made a mistake in CSS and did something like this:
You need to remove these commas. I assume you are trying to style
.nav_linkin aliinside an element with classa. But that's not what you're doing. Instead, this selector applies a bunch of styles to.nav_link liandindividuallyto allaelements. The selector should actually look like this:You are experiencing this issue in multiple places in your CSS.