<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
.example {
height: 200px;
border: solid #CCCCCC 2px;
padding: 0 10px;
white-space: normal;
word-break: break-word;
display: flex;
align-items: center;
}
</style>
</head>
<body>
<span class="example">
This is a vertically aligned text.
</span>
</body>
</html>