Semantic UI Header

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1">
				<title>Semantic UI Tutorial!</title>
			    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css"/>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script>	
	        </head>
			<body>
			   <div class="ui segment">
				  <h3 class="ui right aligned header">
					Right Aligned Text.
				  </h3>
				  <h3 class="ui center aligned header">
					Center Aligned Text.
				  </h3>
				  <h3 class="ui left aligned header">
					Left Aligned Text.
				  </h3>
				  <h3 class="ui justified header">
					Justified Text.
				  </h3>				  
			    </div>
		    </body>
</html>