website/webdevelopment/cssessentialtraining/samples/margin1.html

<!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>
Initial commit to gitea 1 month ago			`<!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>`
initial commit 3 months ago			`</html>`