Based on your Question i answered below, without changing or adding extra
let me know for any further.
border-top: 2px solid #1375b0;
padding: 25px 35px;
background-image: linear-gradient(to top, #429ce9 0, #1375b0 100%);
clip-path: polygon(0 -1%, 100% -1%, calc(100% - 35px) 100%, 0 100%);
<h3>Head To Head Comparison Between Merger vs Amalgamation (Infographics)</h3>
I have a website and I want to give style to h2 elements on it: https://christmasgenius.com/10-winter-holidays-around-the-world-xmas-vacations/
I have an example website: https://www.educba.com/merger-vs-amalgamation/
If you see the first h3 heading named ”
Head To Head Comparison Between Merger vs Amalgamation (Infographics)”
I want the same style to be applied to my h2 tags. I saw the code and it has the following html which I don’t want to add in my html as it will too much work for all the pages on my website.
<div class="hh-block"><div class="hh-left hh-m-0"><span> </span></div><div class="h-h-title hhright hh-next"><h3>Head To Head Comparison Between Merger vs Amalgamation (Infographics)</h3></div></div>
My question is, can I achieve the same style on my h2 tags by just using CSS and provide some code for the same.
@Jesse yes but that css is applied on the outer html tags on his h3 tags, since my html structure is different than him, I can’t directly use his CSS for my h2
You are the guy!!. Thanks a million