xentatt/gist:4710015

## gistfile1.html
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="sample.css">
    <title>Sample file to test CSS</title>
  </head>
  <body>
    <div class="main">
        <h1 class="center">This is CSS test file.</h1>
        <div class="center brd background">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquam scelerisque libero eu scelerisque. Sed hendrerit sem vitae nisl imperdiet eu aliquet est tincidunt. Aliquam erat volutpat. Aliquam mattis tellus a quam semper mollis. In imperdiet, nibh sed mattis luctus, sapien purus euismod felis, et lobortis arcu erat eget dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam lectus augue, auctor in pretium ut, pulvinar in eros. Morbi vehicula egestas consectetur. Suspendisse tempor lacinia aliquam. In hac habitasse platea dictumst. Cras nec bibendum ligula. Donec volutpat venenatis tortor, sed congue tellus lacinia nec. Morbi diam orci, aliquet et pulvinar congue, pellentesque et est. Suspendisse potenti.
        </div>
    <div>
  </body>
</html>

## gistfile2.css
h1 {
  color: blue;
}

div.brd {
  border: 6px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow:  0px 0px 15px 7px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 0px 15px 7px rgba(0, 0, 0, 0.5);
}

div.main {
  width: 80%;
}

.background {
  background: #fe0;
}

.center {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	<!DOCTYPE html>
	<html>
	<head>
	<link rel="stylesheet" type="text/css" href="sample.css">
	<title>Sample file to test CSS</title>
	</head>
	<body>
	<div class="main">
	<h1 class="center">This is CSS test file.</h1>
	<div class="center brd background">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquam scelerisque libero eu scelerisque. Sed hendrerit sem vitae nisl imperdiet eu aliquet est tincidunt. Aliquam erat volutpat. Aliquam mattis tellus a quam semper mollis. In imperdiet, nibh sed mattis luctus, sapien purus euismod felis, et lobortis arcu erat eget dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam lectus augue, auctor in pretium ut, pulvinar in eros. Morbi vehicula egestas consectetur. Suspendisse tempor lacinia aliquam. In hac habitasse platea dictumst. Cras nec bibendum ligula. Donec volutpat venenatis tortor, sed congue tellus lacinia nec. Morbi diam orci, aliquet et pulvinar congue, pellentesque et est. Suspendisse potenti.
	</div>
	<div>
	</body>
	</html>
	h1 {
	color: blue;
	}

	div.brd {
	border: 6px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 15px 7px rgba(0, 0, 0, 0.5);
	}

	div.main {
	width: 80%;
	}

	.background {
	background: #fe0;
	}

	.center {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}