Heloo, I would like to get help with aligning the tags.
As you see on the picture below, the tags are for some reason align as justify
, this is obvious when you check the:
- Second item in first row
- Second item in second row
There are misaligned (the tags should always starts where I put RED bars). I cannot figure out how to align the tags to left…
This is my CSS using for tags:
.tag {
display: inline-block;
/* white-space: nowrap; */
text-decoration: none;
hyphens: none;
font-size: 75%;
color: var(--text-muted);
border-radius: 20px;
margin: -1px 3px 10px 2px;
line-height: 2em;
max-width: 100px;
min-width: 100px;
margin: 15px 5px auto 5px;
padding: auto;
text-align: center;
background: transparent;
box-shadow: 0 0 8px var(--button-background);
transition: var(--tags-fade-out-speed);
}
Thank you for any help!