JSFiddle - React, Tailwind, and code Playground

by dgarrett

HTML

<div class="a-item">
  <h2><a>Ad Title</a></h2>
  <br />
  <a class="site">www.example.com</a>
  <p><a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></p>
</div>

CSS

h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

.a-item h2 a{
	float:none;
}

.a-item p a {
	float:none;
}

.a-item .site{
	text-align:right;	
	display:block;
	margin-bottom:10px;
}


p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin:10px 0 5px 0;
}