creating line next to text

Hey. Maybe you will help me what is the proper way of designing something like this. Should i create another component just for designs or download it as image?
6 Replies
sebin
sebin•2y ago
maybe try what most efficient way for you. for me I might use div to make it more customizable for size color and size.
SaaikaHatak
SaaikaHatakOP•2y ago
For now I just made it as an image. It's for my page so it propably wont be changed. I could go with divs. But im not sure if its usually done with such approach for static element like this
MarkBoots
MarkBoots•2y ago
here a way you can do it with a pseudo element. Just put the class on it https://codepen.io/MarkBoots/pen/VwBqPpP
SaaikaHatak
SaaikaHatakOP•2y ago
Thanks. I will study it so I can understand way of doing other things like that
Enrique
Enrique•2y ago
@saaika I found this video on YouTube. https://www.youtube.com/watch?v=57JeRBZMbiE I was about to ask on this server but I figured out I could search it on Google first 😄
garnatti one
YouTube
CSS Tricks: Horizontal Lines Before and After Texts (Quick Tutorial)
This Video is going to show you CSS Tricks: Horizontal Lines Before and After Texts (Quick Tutorial) Horizontal Line After Text CSS What about double lines on the sides and line bar on the bottom? Watch this video and learn more techniques: https://youtu.be/nAqW6-JJGmw Get the code: http://22bulbjungle.com/horizontal-lines-before-and-after-te...
SaaikaHatak
SaaikaHatakOP•2y ago
Its just a line. I was trying to have line with shorter line and a dot and I was thinking about performance and usual way of doing that stuff. Thats why i asked here
Want results from more Discord servers?
Add your server