JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clear">
  <p>Середньовічний Львів був важливим політичним, економічним і культурним центром західної Русі (а саме Галицько-Волинського князівства — Ру́ського королі́вства), потім Руського воєводства Польського королівства.</p>
  <ul>
    <li><a href="#">Головна</a></li>
    <li><a href="#">Про нас</a></li>
    <li><a href="#">Історія міста</a></li>
    <li><a href="#">Замовити екскурсію</a></li>
    <li><a href="#">Карта пам'яток</a></li>
  </ul>
</div>

CSS

.clear:after { content: ""; display: block; clear: both;}

p { 
width: 200px;
float: left;
}

ul { float: right;}