Untitled

<!DOCTYPE html>
<html>

<head>
  <title>Box Model</title>
	<link rel="stylesheet" href="style.css">
<style id="jsbin-css">
body {
	background-color: #333333;
}

div {
	background-color: #c0dec5;
    margin: 64px;
    padding: 32px 48px 0 48px;
}

p {
	font-family: Georgia, serif;
	font-size: 20px;
	line-height: 1.4em;
}

span {
  font-variant: small-caps;
  font-family: Tahoma "sans-serif";
  letter-spacing: 0.25em;
  padding: 0 3px;
  background-color: rgba(100,150,150,.5);
}

.source {
  text-align: right;
}
</style>
</head>

<body>
	<div>
	<p>Build a good <span>name</span>. Keep your <span>name</span> clean. Be concerned about doing good work. Protect your work, and if you build a good <span>name</span>, eventually that <span>name</span> will be its own currency.</p>
	<p class="source">— William S. Burroughs’s advice to Patti Smith</p>
	</div>


<script id="jsbin-source-css" type="text/css">body {
	background-color: #333333;
}

div {
	background-color: #c0dec5;
    margin: 64px;
    padding: 32px 48px 0 48px;
}

p {
	font-family: Georgia, serif;
	font-size: 20px;
	line-height: 1.4em;
}

span {
  font-variant: small-caps;
  font-family: Tahoma "sans-serif";
  letter-spacing: 0.25em;
  padding: 0 3px;
  background-color: rgba(100,150,150,.5);
}

.source {
  text-align: right;
}</script>
</body>

</html>