After selector in CSS3

How to insert the content after selected element(s) in CSS3?

By using After selector we can place the content after selected element(s).

 <style>
        b::after {
            content: " - The Founder of";
        }

        h3::after {
            color: green;
            content: "- The CEO of SNIT Funda Service LLP";
        }
    </style>

<body>
    <b>Sheo Narayan</b>
    <ul>
        <li>DotNetFunda.com</li>
        <li>ITFunda.com</li>
        <li>TechFunda.com</li>
        <li>KidsFunda.com</li>
        <li>FarmingFunda.com</li>
        <li>FundooVideo.com</li>
    </ul>
    
    <h3>S Narayan</h3>
</body>

In the above code snippet, style is applied to the <b> tag and <h3> tag.

OUTPUT