JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h2>
        <span>Тут неотображаемая информация</span>
    </h2>
    <ul>
        <li><a href=""><span>111</span></a></li>
        <li><a href=""><span>222</span></a></li>
        <li><a href=""><span>333</span></a></li>
        <li><a href=""><span>444</span></a></li>
        <li><a href=""><span>555</span></a></li>
        <li><a href=""><span>666</span></a></li>
        <li><a href=""><span>777</span></a></li>
        <li><a href=""><span>888</span></a></li>
    </ul>
</div>

CSS

div {
    margin: 20px;
    height: 200px;
    border: 1px solid black;
    display: table-cell;
    vertical-align: middle;
    width: 200px;
    text-align: right;
    padding: 0 40px 0 0;
    position: absolute;
}
h2 {
    display: none;
}
ul {
    display: block;
    margin: auto 0;
}