html - CSS right aligned next to text -
I need an H2 which has a heavier stroke on its right. Like:
I am struggling to fulfill it in the best, responsive way. Not to mention that this is in a custom WP theme, so I do not want to create a ton on the page markup that the client will be immediately broken.)
What you need is a single element and a proxy PS is responsive.
Explanation: Here, the main part is overflow: hidden element, and a virtual element is creating
content Using the property with a
: after , and setting the
absolute in the original element which is set to
relative
& lt; H2 & gt; Hello World & lt; / H2 & gt; H2 {font-size: 20px; Font-family: aerial; Status: Relative; Hidden flurry; } H2: After {display: inline-block; material: ""; Height: 4px; Background: # f00; Status: Completed; Width: 100%; Top: 50%; Margin-top: -2px; Margin-left: 10px; }
Comments
Post a Comment