JSFiddle - React, Tailwind, and code Playground
by toby3105
HTML
<input type="search" id="search" />
<div id="content">
<div itemprop="articleBody" class="article-content clearfix">
<figure class="intro-image image center full-width" style="width:640px">
<img src="http://cdn.arstechnica.net/wp-content/uploads/2015/11/vw-golf-640x427.jpg" width="640" height="427">
</figure>
<!-- cache hit 3953:single/related:3b1d35a43f17308a25ee1a2017e5d868 -->
<aside class="related-stories right">
<h2 class="subheading notched">Volkswagen defeat device scandal</h2>
<ul>
<li><a href="http://arstechnica.com/cars/2015/10/vw-responds-to-diesel-scandal-says-the-future-is-electric/">VW responds to diesel scandal, says “<b>the future is electric</b>”</a>
</li>
<li><a href="http://arstechnica.com/tech-policy/2015/10/volkswagen-identifies-1950-faulty-cars-in-china-could-have-eu-loans-recalled/">Volkswagen identifies 1,950 faulty cars in China, could have EU loans recalled</a>
</li>
<li><a href="http://arstechnica.com/cars/2015/10/95-of-european-diesels-tested-flunk-emissions-standards/">95% of European diesels tested flunk emissions standards</a>
</li>
<li><a href="http://arstechnica.com/tech-policy/2015/10/volkswagen-pulls-2016-diesel-lineup-from-us-market/">VW says rogue engineers, not executives, responsible for emissions scandal</a>
</li>
<li><a href="http://arstechnica.com/cars/2015/10/volkswagens-emissions-cheating-scandal-has-a-long-complicated-history/">Volkswagen’s emissions cheating scandal has a long, complicated history</a>
</li>
</ul> <span class="read-more"><a href="http://arstechnica.com/series/volkswagen-defeat-device-scandal/">View all…</a></span>
</aside>
<p>If you thought that the Volkswagen diesel emissions scandal couldn't get any worse, you were sadly mistaken. The...
CSS
#search {
width:100%;
display:block;
position:fixed;
top:10px;
}
#content{
margin-top:40px;
}