Neep Help w/ Challenge: Floating Clouds
I am on the 2/3 step of this challenge (https://www.khanacademy.org/computing/computer-programming/html-css/css-layout-properties/p/challenge-floating-clouds ) and the orange message says: Remember that when you're floating non-images, there's another property you need to define. I'm having problems with `#cloud-sidebar` don't know what is wrong. Can anyone help me? Here is my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Challenge: Floating clouds</title>
<style>
body {
font-family: sans-serif;
}
h1 {
font-family: fantasy;
}
#cloud-pic {
width: 100px;
float: left;
}
#cloud-sidebar {
background: rgb(255, 255, 219);
float: right;
}
</style>
</head>
<body>
<h1>What are clouds?</h1>
<img id="cloud-pic" src="https://www.kasandbox.org/programming-images/landscapes/clouds-from-plane.png">
<div id="cloud-sidebar">
<h5>Why are some clouds yellow?</h5>
<p>Yellowish clouds may occur in the late spring through early fall months during forest fire season. The yellow color is due to the presence of pollutants in the smoke. Yellowish clouds caused by the presence of nitrogen dioxide are sometimes seen in urban areas with high air pollution levels.
</p>
</div>
<p>In meteorology, a cloud is a visible mass of liquid droplets or frozen crystals made of water or various chemicals suspended in the atmosphere above the surface of a planetary body. These suspended particles are also known as aerosols and are studied in the cloud physics branch of meteorology.</p>
<p>Terrestrial cloud formation is the result of air in Earth's atmosphere becoming saturated due to either or both of two processes: cooling of the air and adding water vapor. With sufficient saturation, precipitation will fall to the surface.</p>
<p><a href="http://en.wikipedia.org/wiki/Cloud">Read more on Wikipedia</a></p>
</body>
</html>
Thank you!
Log ind for at efterlade en kommentar.