Can we modify user agent default styling?
Hello, I wanted to create a horizontal line (see the picture... it's not that visible though sorry :c).
I wanted to set an outer container wrapping both the wordings
The line when used being a child of a flex container seems to have "disappear" but it's still present in the DOM. I tried to change its color but no change.
I think we can reset user-agent styles (I think this is what we call css reset?)... but the thing is I don't know if it's worth doing that here. When I have a "separator" to insert, like in the diagram , is it best to create it using things like
I wanted to set an outer container wrapping both the wordings
My Profile , then use display flex thinking that when I will use the hr element, the line will be just beside My Profile and it will be like in the picture. But I didn't get this effect at all :c.The line when used being a child of a flex container seems to have "disappear" but it's still present in the DOM. I tried to change its color but no change.
I think we can reset user-agent styles (I think this is what we call css reset?)... but the thing is I don't know if it's worth doing that here. When I have a "separator" to insert, like in the diagram , is it best to create it using things like
border-bottom (we can't use outline, right? Outline don't have outline-right, outline-left etc...) instead of using hr?
