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 {
    display: table;
}
.a-item h2 a {
    float:none;
}
.a-item p a {
    float:none;
}
.a-item .site {
    text-align:right;
    display:table-caption;
    caption-side: bottom;
    margin-bottom:10px;
    float: none;
}
p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin:10px 0 5px 0;
}