HTML for Kids: A Beginner’s Course | HTML and CSS

✅ Description:

Learn how to control where things appear on the page using position, display, and float.

📘 Explanation:

  • position: static | relative | absolute | fixed

  • display: block | inline | inline-block

  • float: left | right

💻 Code Example:

.floating-box {
float: left;
width: 200px;
margin-right: 20px;
}

🛠️ Exercise:

  • Create a layout with text and an image side by side.

  • Use float or position: absolute to move elements.