JSFiddle - React, Tailwind, and code Playground

by HerrBertling

HTML

<body>
    <article>
        <h2>Mein super Blogbeitragstitel</h2>
        <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Außerdem kaufte ich eine <a href="http://www.amazon.de/gp/product/B004YBBC7G/ref=as_li_ss_tl?ie=UTF8&camp=1638&creative=19454&creativeASIN=B004YBBC7G&linkCode=as2&tag=amazon0815hb-21">tolle neue Waschmaschine</a><img src="http://ir-de.amazon-adsystem.com/e/ir?t=amazon0815hb-21&l=as2&o=3&a=B004YBBC7G" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />! Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>

        <p>So würde übrigens <a href="http://wirres.net">ein anderer Link aussehen</a>. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to</p>
    </article>
</body>

CSS

/* MAGIC! */
/* Natürlich muss die Partner-ID angepasst werden, das hier ist meine. */
a[href*="amazon0815hb-21"]:after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABKUlEQVQ4jaXTvyuGURQH8A9KEVEMBpkok/wYlBiMLAws/gFlMJgNyiQGgxSzzSoDpRQ26V3YyCA/FskkvAzv1fs4PW8Gp07Pved8v9/nnHvu5Z9WVSHejnF0oIhr7OPpL8FGbOEDX8HfsILaSuQWFALpM3k2doz6vFaOAnEeDajDbBDaiQJT4S8XaMMulhLmMmCGoDolZ4JgL/ZwjsMUew2YmaxAX0ieYjCtJ9P3K2D6swJNIXmi1PO08uhuAqY5K/AYkmNJdCARO3MquM9uNpUPZzWRXvGQid+mitbTfpHyTexROvlqPGNO6TKNpPxlamU4ibSiC3fZKtb8HlMBG6m6s5BbkGM12A7A6EUs55GzNqE8hR/iOw4wGsGVXiOlt9GdhK7wkgf6BoarY5Bw4HxiAAAAAElFTkSuQmCC"); /* Bitte austauschen durch gewünschtes Icon :) */
    margin: 0 0 0 5px;
}

/* Normale, langweilige Styles damit's nach was aussieht. */
body {
    background-color: #a9a9a9;
    font-size: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5em;
    color: #333:
}

article {background-color: #fff;margin: 20px auto; padding: 20px; width: 33em;}
h2 {font-weight: 100;font-size: 2.25em;}

a:link, a:visited {
    color: #09e;
    text-decoration: none;
}