JSFiddle - React, Tailwind, and code Playground

HTML

<p class="info">
    Remove the <code>text-decoration</code> of pseude elements. Works in Firefox 3.6, Firefox 8 and Opera 11.52.<br>
    It does <strong>not</strong> in Chrome or IE 8.
</p>
<p>
    The path of the righteous man is <a href="http://stackoverflow.com/">beset</a> on <a href="http://stackoverflow.com/">all sides</a> by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, <a href="http://stackoverflow.com/">in the name of charity</a> and good will, shepherds the weak through the valley of darkness, for he is truly his <a href="http://stackoverflow.com/">brother's</a> keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.
</p>

CSS

p {
    background-color: #eee;
    width: 230px;
}
.info {
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
}

a[href^='http://stackoverflow.com/'] {
    padding-right: 15px;
    display: inline-block; /* if not set in Opera only the link text goes in the new line on a line wrap, the SO stays, also needed for chrome, here the link stays but the SO overlaps the container */
}

a[href^='http://stackoverflow.com/']:after {
    font-size: x-small;
    padding-left: 1px;
    content: "SO";
    color: #333;

    position: absolute;
}