HTML & CSS Hands-On - Float - Start

by Karin Huber

HTML

<h2>Überschrift 1</h2>

<div id="div1">div 1</div>

<p>I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope? Perhaps, but perhaps your civilization is merely the sewer of an even greater society above you! But I know you in the future. I cleaned your poop.</p>
<p>Wow! A superpowers drug you can just rub onto your skin? You'd think it would be something you'd have to freebase. Okay, I like a challenge. Good news, everyone! I've taught the toaster to feel love! I'm Santa Claus!</p>

<h2>Überschrift 2</h2>

<div id="div2">div 2</div>

<p>I've been there. My folks were always on me to groom myself and wear underpants. What am I, the pope? Perhaps, but perhaps your civilization is merely the sewer of an even greater society above you! But I know you in the future. I cleaned your poop.</p>
<p>Wow! A superpowers drug you can just rub onto your skin? You'd think it would be something you'd have to freebase. Okay, I like a challenge. Good news, everyone! I've taught the toaster to feel love! I'm Santa Claus!</p>

CSS

div {
  width: 200px;
  height: 200px;
  background-color: yellow;
}