JSFiddle - React, Tailwind, and code Playground

by philll_t

HTML

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h2>
What is the California condor?
</h2>

<img style="border: 3px solid silver; border-left-color: black;" src="https://www.nationalgeographic.com/content/dam/animals/graphic/birds/c/california-condor_size.gif" />

<p style="color: red;">
The California condor is 
<a 
style="background-color: black; color: white" 
href="https://birdsna.org/Species-Account/bna/species/calcon/introduction"  
target="_blank">
the largest flying bird</a> in North America. Its wings may stretch nearly 10 feet from tip to tip. When in flight, this huge bird glides on air currents to soar as high as a dizzying 15,000 feet.
</p>

<p style="color: green;">
Condors were sacred birds to the Native Americans who lived in the open spaces of the U.S. West. The captive breeding of this critically endangered species is one of the most well known efforts to revive an animal on the verge of extinction.
</p>


</body>
</html>