JSFiddle - React, Tailwind, and code Playground

by kav rod

HTML

<ul data-role="none">
    <li><a href="index.html"><div class="ev">
    	<div class="fot">
   		 	<img src="https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/128/football.png" width="80px" height="80px">
        </div>
        <div class="contef">
			<h2>Torneo en Barcelona</h2>
        </div>
        <div class="contef_cn">
			<p>Torneo de futbol sala en barcelona centro</strong><br>Incripcion L-V 9:00 apartir del dia 21/2/2069</p>    
             </div> 
        
			
		</div></a>

    </li>
    <!--fin-->
</ul>

CSS

.ev {
    height:80px;
    max-height:100px;
    border-bottom: 1px solid Green;
    box-sizing: border-box;
}
.fot {
    position:relative;
    top:0px;
    left:10px;
}
.contef {
    position:relative;
    top:-100px;
    left:100px;
    height:auto;
    width:auto;
}
.contef_cn {
    position:relative;
    top:-117px;
    left:105px;
    width:auto;
    margin-right:10%;
}
li {
    list-style:none;
    co
}
a {
    text-decoration:none;
}
a:hover {
    color:#000;
}