Computer scienceFrontendCSSBasic propertiesPositioning

Float

Poison Frog

Report a typo

It's common knowledge that certain frogs can be very dangerous and that some species have beautiful skin color variations.

That's the case with the poison dart frog, which is as attractive as it is deadly. Now you've learned a little about this type of frog, let's put what you have learned about the float property into practice.

Your task here is simple, you just need to assign the class float-the-frog to the correct element and give it the float value that you want (right or left) so that the text flows around the frog image.

Write HTML and CSS code

<!DOCTYPE html>

<head>

<title>Poison dart frog</title>

</head>

<body>

Poison dart frog (also known as dart-poison frog, poison frog or formerly known as poison arrow frog) is the common name of a group of frogs in the family Dendrobatidae which are native to tropical Central and South America. These species are diurnal and often have brightly colored bodies. This bright coloration is correlated with the toxicity of the species, making them aposematic.<br>

Source: <a href="https://en.wikipedia.org/wiki/Poison_dart_frog">Wikipedia</a>

</p>

</div>

</body>

</html>

Completed 1 of 3

There's one element with the class float-the-frog.

The element with the class float-the-frog has at least one float value.

___

Create a free account to access the full topic