 <p>Use the <code>content</code> property in <code>::after</code> or <code>::before</code> pseudo-element to add additional text.</p> <p>You can also position it elsewhere with <code>absolute</code> and <code>top</code>/<code>bottom</code>,<code>left</code>/<code>right</code> properties.</p> <pre><code>#site-title::after { content: "Another Title"; /* If you need to position it, uncomment and modify the below values position: absolute; top: -5px; left: 20px */ } /* Add below rule if you need to position the additional text w.r.t to the current title */ #site-title{ position: relative; } </code></pre> <p><strong>Output:</strong></p> <p><a href="https://i.stack.imgur.com/N7moz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N7moz.png" alt="enter image description here"></a></p>