JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">
	<h1>
	ABC cancels 'Roseanne' after star's racist Twitter rant
	</h1>
	<p>
	 The show's cancellation comes just hours after Roseanne Barr apologized
	</p>
</a>

<h1>
	<a href="#">
	ABC cancels 'Roseanne' after star's racist Twitter rant
	</a>
</h1>
<p>
	<a href="#">
	The show's cancellation comes just hours after Roseanne Barr apologized
	</a>
</p>

CSS

a { text-decoration: none; }

a:hover { color: red; }

h1 { margin-bottom: 0; }

p { margin: 0 0 1rem }