You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
1.3 KiB
23 lines
1.3 KiB
<!doctype html> |
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<title>My Learning Website</title> |
|
<link href="margin1.css" rel="stylesheet"> |
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> |
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> |
|
<!--[if lt IE 9]> |
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
<![endif]--> |
|
</head> |
|
<body> |
|
<section> |
|
<h2 class="sectiontitle">Margin and Layouts</h2> |
|
<p>Previously, we used a negative margin to make a slight adjustment to an elements positioning. It is possible to use much larger negative values which can push an element completely out of the normal flow, but this is generally considered to be bad practice because it's an indication that there is something wrong with your HTML, so reordering the HTML is a better option.</p> |
|
<p>Essentially, margins are not intended to be used to create your layout, but there is one way in which they can be really useful in helping to create an attractive layout. Consider the following HTML.</p> |
|
</section> |
|
</body> |
|
</html> |