text of left div to be center according to the contents of right div
<p>I want the text of left div to be center of the div according to the contents of right div.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;div class="" style="float:left"&gt;
        &lt;p style="color: #222;margin-bottom: 0; text-align:center;"&gt;08:30 - 09:30&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=" agenda_name" style=" float:right;"&gt;
        &lt;p style="font-weight: 400;"&gt;XYZXYZX&lt;/p&gt;
        &lt;p style="font-weight: 400;"&gt;XYZXYZ Xdssgg&lt;/p&gt;
        &lt;p style="font-weight: 400;"&gt;XYZXYZ Xdssgg&lt;/p&gt;
        &lt;p style="font-weight: 400;"&gt;XYZXYZ Xdssgg&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>expected output is in the image.</p>

<p><a href="https://i.stack.imgur.com/LxuGs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LxuGs.png" alt="enter image description here"></a></p>

<p>Thank You.</p>