<h1> or <p>

Guys, I have a question regarding the perfume text above the card title, would it just be a <p> or should it be an <h2>? In my opinion, PERFUME is part of a product category, perhaps a user with a screen reader would navigate through these categories using <h2>. What is the best choice in this situation?
No description
19 Replies
vince
vince2y ago
I use p for overlines. Headings should be in subsequent order so having an h2 followed by an h1 doesn't make much sense semantically
Chaves
ChavesOP2y ago
@vince Hey could you help me again?
vince
vince2y ago
what's up
Chaves
ChavesOP2y ago
No description
Chaves
ChavesOP2y ago
How do I position this svg absolutely relative to the text inside my <button> tag?
Chaves
ChavesOP2y ago
No description
Chaves
ChavesOP2y ago
No description
vince
vince2y ago
you dont position it absolutely, use flexbox
Chaves
ChavesOP2y ago
Do I have to make my button become a flex-container?
vince
vince2y ago
yes
Chaves
ChavesOP2y ago
holy shit it worked
Chaves
ChavesOP2y ago
No description
Chaves
ChavesOP2y ago
No description
vince
vince2y ago
use regular flex
Chaves
ChavesOP2y ago
is there a difference? in this case
vince
vince2y ago
yes
vince
vince2y ago
Stack Overflow
What's the difference between display:inline-flex and display:flex?
I am trying to vertically align elements within an ID wrapper. I gave the property display:inline-flex; to this ID as the ID wrapper is the flex container. But there is no difference in presentati...
Chaves
ChavesOP2y ago
thanks
vince
vince2y ago
so according to that SO answer there isn't a difference but I take inline-flex to be well, inline (even if it isnt). flex just seems more semantic to me

Did you find this page helpful?