<h1>
	<span class="span1">text</span>
	<span class="span2">and</span>
	<span class="span3">text</span>
</h1>
h1 {
	display: flex;
	height: 100px;
	width: 200px;
	justify-content: space-between;
	align-items: center;
	border: 1px solid red;
	margin: 0;
}
.span1 {
	align-self: flex-start;
}
.span3 {
	align-self: flex-end;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.