CSS Layout Project

CSS Layout Demonstration

This page showcases the required CSS layout properties including Flexbox, Float, padding, margin, border, and text styling.

1. Float Section

Floated Left

This paragraph flows around the red box because the box uses float: left;. Padding and margins are applied to ensure adequate spacing around the floating element and text.

2. Flexbox Section

Flex Item 1
Flex Item 2
Flex Item 3