Computer scienceFrontendCSSAdvanced features

Visibility

Theory

Bird-of-paradise

Report a typo

You have the HTML layout below. Please write such CSS so that as a result the page looks like in the image:

The green page with text content

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bird-of-paradise</title>
</head>
<body>
<h1>Bird-of-paradise</h1>
<img src="https://stepik.org/media/attachments/lesson/380950/bird.jpg">
<h2>Scientific classification</h2>
<h3>Kingdom:</h3>
<p>Animalia</p>
<h3>Phylum:</h3>
<p>Chordata</p>
<h3>Class:</h3>
<p>Aves</p>
<h3>Order:</h3>
<p>Passeriformes</p>
<h4>Genera: 15 genera, 42 species</h4>
</body>
</html>
Completed 2 of 4
Paragraphs with text are hidden and skipped when rendering an HTML document
The image is hidden
___

Create a free account to access the full topic