JSFiddle - React, Tailwind, and code Playground

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:left;	
	display:block;
	margin-bottom:10px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}


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

.a-item {    
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}

.a-item p {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}