JSFiddle - React, Tailwind, and code Playground

HTML

<section class="page_block">
    <div class="row">
        <div class="col-md-1">
            <div id="header">
	                <h1 class="verticaltext">
	                    Title
	                </h1>
            </div>
        </div>
        <div class="col-md-11">
            <p>Content<br />
            Content<br />
            Content<br />
            Content<br />
            Content<br />
            Content<br />
            Content<br />
            Content<br /></p>
        </div>
    </div>
	</section>

CSS

body{
    margin:0;
}
p{
    margin: 0;
}
.page_block {
    margin:0px;
}
.row{
	position: relative;
}
.col-md-11{
    margin-left:50px;
}
.verticaltext {
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);

	bottom: 45%;
	position: absolute;
	color: #ed217c;
}