Skip to content

Instantly share code, notes, and snippets.

@kriskornel

kriskornel/erga-intro-div-css.html

Created January 26, 2021 08:12
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kriskornel/4bd754382f28c933d52f9882e2bb92b5 to your computer and use it in GitHub Desktop.
Save kriskornel/4bd754382f28c933d52f9882e2bb92b5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
erga-intro-div-css.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DIV CSS MASTERING</title>
<style>
#invoice-wrapper {
box-shadow: 5px 10px #888888;
width: 75%;
margin: 0 auto;
}
</style>
</head>
<body>
<!-- Creating 2 columns with div -->
<div id="invoice-wrapper">
<div style="background-color: grey; width: 50%; float: left;">
<img src="https://www.sparksuite.com/images/logo.png" alt="logo">
</div>
<div style="background-color: yellow; width: 50%; float: left;">
Invoice #: 123 <br>
Created: January 1, 2015 <br>
Due: February 1, 2015
</div>
<table style="clear: both;">
<tr><th>No</th><th>Description</th></tr>
<tr><td>1</td><td>Name of given task</td></tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment