Created
June 9, 2018 19:33
-
-
Save prof3ssorSt3v3/11270f65cdb1c43d06237e992c4dd2e7 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Intro to CSS Float</title> | |
| <meta name="viewport" content="width=device-width"/> | |
| <link rel="stylesheet" href="main.css"/> | |
| <style> | |
| .one img{ | |
| float:left; | |
| margin-right: 3rem; | |
| margin-bottom: 1rem; | |
| } | |
| .two{ | |
| background-color: gold; | |
| overflow: auto; | |
| } | |
| .two img{ | |
| float: right; | |
| } | |
| .three img{ | |
| float: left; | |
| } | |
| .three{ | |
| clear: both; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>Intro to CSS Floats</h1> | |
| </header> | |
| <main> | |
| <h2>Sub Heading</h2> | |
| <p class="one"><img src="avatar.png" alt="deadpool" /> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae commodi deserunt ipsum cumque molestiae magni cum sunt fuga debitis eum totam impedit, voluptatum quis quas ratione veritatis itaque voluptatem. Optio. jasdf laksdf jlsdf lasdkf lakdsfljskdlf jasld fjasldkfj lasdkjflasdf lasdlfasdlfk alsdf lasdkjfl sdlfasdf asdfjhas kdfhaskdf aksdh skfhksdf hjask fjsak dfs</p> | |
| <p class="two"><img src="avatar.png" alt="deadpool" /> Reiciendis deserunt, minima sapiente est numquam. Harum assumenda autem, repellat sapiente ullam earum quae mollitia.</p> | |
| <p class="three"><img src="avatar.png" alt="deadpool" /> Laboriosam, non officia porro. Quia veritatis veniam quod nam, rem atque ad, ab eos alias numquam eius. Laboriosam sunt, qui, corporis ullam dolor consequuntur doloremque illo quia est corrupti facilis.</p> | |
| </main> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment