6 Replies
like want some space between each link for readability
Line height can work on that or padding/margin
Maybe use gap property too
keep in mind, anchor tags are inline elements, paddings and margins and stuff wont work as expected, you need to also add display:block;
But yeah, you can space it out using padding-block:5px; for example, or margin-block:5px;
Try this
This should work
padding-block is a logical property and it will add padding on top and bottomFYI to use gap you would need to declare display: grid or display: flex; flex-direction: column; on the parent of the links , then you would be able to assign a gap on the parent to space out the children.
I like ems as a spacing measurement, like this:
Kevin has mentioned in his videos that changing the display attribute changes the style behavior.
Normally, anchor tags are 'display: inline', which, inline doesn't let block spacing (the space above/below elements) change.
thx fixed🟩