HenriqueLimas/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
.letter-spacing {
  letter-spacing: 1.2em;
}

.word-spacing {
  word-spacing: 0.5em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.none {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.blink {
  text-decoration: blink;
}

.indent-80 {
  text-indent: 80px;
}

.indent-50 {
  text-indent: 50%;
}

.tr-none {
  text-transform: none;
}

.capitalize {
  text-transform: capitalize;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}
</style>
</head>
<body>

  <h1 class="letter-spacing">Letter spacing</h1>
  <p class="word-spacing">Word spacing</p>

  <p class="left">This text is left align</p>
  <p class="right">This text is right align</p>
  <p class="center">This text is center align</p>
  <p class="justify">This text is justify, so I need a biggest paragraph to see the result for justify things.</p>

  <a href=""  class="none">This is a link without decoration</a>
  <p class="underline"> This text is underlined</p>
  <p class="overline">This text is overlined</p>
  <p class="line-through">This text is line throughed</p>
  <p class="blink">This text is blinked</p>

  <p class="indent-80">This text has an 80 indent</p>
  <p class="indent-50">this text has an 50% indent</p>

  <p class="tr-none">THIS IS A TEXT WITHOUT UPPERCASE</p>
  <p class="capitalize">This is a capitalize text</p>
  <p class="upper">this is an uppercase text</p>
  <p class="lower">THIS IS A LOWERCASE TEXT</p>


<script id="jsbin-source-css" type="text/css">.letter-spacing {
  letter-spacing: 1.2em;
}

.word-spacing {
  word-spacing: 0.5em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.none {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.blink {
  text-decoration: blink;
}

.indent-80 {
  text-indent: 80px;
}

.indent-50 {
  text-indent: 50%;
}

.tr-none {
  text-transform: none;
}

.capitalize {
  text-transform: capitalize;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}</script>
</body>
</html>

## jsbin.qibuxojomu.css
.letter-spacing {
  letter-spacing: 1.2em;
}

.word-spacing {
  word-spacing: 0.5em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.none {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.blink {
  text-decoration: blink;
}

.indent-80 {
  text-indent: 80px;
}

.indent-50 {
  text-indent: 50%;
}

.tr-none {
  text-transform: none;
}

.capitalize {
  text-transform: capitalize;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<style id="jsbin-css">
	.letter-spacing {
	letter-spacing: 1.2em;
	}

	.word-spacing {
	word-spacing: 0.5em;
	}

	.left {
	text-align: left;
	}

	.right {
	text-align: right;
	}

	.center {
	text-align: center;
	}

	.justify {
	text-align: justify;
	}

	.none {
	text-decoration: none;
	}

	.underline {
	text-decoration: underline;
	}

	.overline {
	text-decoration: overline;
	}

	.line-through {
	text-decoration: line-through;
	}

	.blink {
	text-decoration: blink;
	}

	.indent-80 {
	text-indent: 80px;
	}

	.indent-50 {
	text-indent: 50%;
	}

	.tr-none {
	text-transform: none;
	}

	.capitalize {
	text-transform: capitalize;
	}

	.upper {
	text-transform: uppercase;
	}

	.lower {
	text-transform: lowercase;
	}
	</style>
	</head>
	<body>

	<h1 class="letter-spacing">Letter spacing</h1>
	<p class="word-spacing">Word spacing</p>

	<p class="left">This text is left align</p>
	<p class="right">This text is right align</p>
	<p class="center">This text is center align</p>
	<p class="justify">This text is justify, so I need a biggest paragraph to see the result for justify things.</p>

	<a href="" class="none">This is a link without decoration</a>
	<p class="underline"> This text is underlined</p>
	<p class="overline">This text is overlined</p>
	<p class="line-through">This text is line throughed</p>
	<p class="blink">This text is blinked</p>

	<p class="indent-80">This text has an 80 indent</p>
	<p class="indent-50">this text has an 50% indent</p>

	<p class="tr-none">THIS IS A TEXT WITHOUT UPPERCASE</p>
	<p class="capitalize">This is a capitalize text</p>
	<p class="upper">this is an uppercase text</p>
	<p class="lower">THIS IS A LOWERCASE TEXT</p>


	<script id="jsbin-source-css" type="text/css">.letter-spacing {
	letter-spacing: 1.2em;
	}

	.word-spacing {
	word-spacing: 0.5em;
	}

	.left {
	text-align: left;
	}

	.right {
	text-align: right;
	}

	.center {
	text-align: center;
	}

	.justify {
	text-align: justify;
	}

	.none {
	text-decoration: none;
	}

	.underline {
	text-decoration: underline;
	}

	.overline {
	text-decoration: overline;
	}

	.line-through {
	text-decoration: line-through;
	}

	.blink {
	text-decoration: blink;
	}

	.indent-80 {
	text-indent: 80px;
	}

	.indent-50 {
	text-indent: 50%;
	}

	.tr-none {
	text-transform: none;
	}

	.capitalize {
	text-transform: capitalize;
	}

	.upper {
	text-transform: uppercase;
	}

	.lower {
	text-transform: lowercase;
	}</script>
	</body>
	</html>