Now you know the basic of styling and composing text in HTML. The problem is that you can't create a web page with UI elements you used to see on real sites and web-applications. That's because you can't compose everything in self-sufficient blocks. This exercise aimed to explain you how to do this. ### HTML
element Before we start, let's became a friends with `div` tag. The `
` element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling, marking a section of a document in a different language, and so on. Here is an example of usage: ```html

Any kind of content here. Such as <p>, <table>. You name it!

``` Preview: **|>** Any kind of content here. Such as

, . You name it! ### Semantic elements Consider this page layout: ``` ╔═════════════════════════════════════════════════════════╗ ║
┌─────────────────────────────────────┐ ║ ║ │