JSFiddle - React, Tailwind, and code Playground

by chris lindquist

HTML

<div class="processChain">
    <div id="start"><img src="http://energypros.com/content/images/home.png" height="18" /> Offerte</div>
         <a href="index.html"><img src="http://energypros.com/content/images/home.png" height="18" />Offerte</a>
     <a><img src="http://energypros.com/content/images/home.png" height="18" />Offerte</a>
         <a><img src="http://energypros.com/content/images/home.png" height="18" />Offerte</a>
     <span><img src="http://energypros.com/content/images/home.png" height="18" />Offerte</span>
</div>

CSS

.processChain img {
border: none;
vertical-align: text-bottom;
margin-right: 3px;
}
.processChain a, .processChain #start, .processChain span {
background:url("http://energypros.com/content/images/bg-chain-start-middle.png") no-repeat scroll 100% 0 transparent;
color:#663300;
display:block;
float:left;
height:22px;
line-height:22px;
padding:0 20px 0 10px;
text-decoration:none;
position:relative;
}
.processChain a:hover{text-decoration:underline;cursor: default;}
.processChain span {
background:url("http://energypros.com/content/images/bg-chain-end.png") no-repeat scroll 100% 0 transparent;
padding:0 13px 0 10px;
}