Vertical Align tailwindcss

top.blade.php

<div class="bg-white w-full py-4 shadow">
    <div class="flex justify-between content-center container mx-auto px-4">
        <div class="w-1/2">
            <div class="flex">
                <div class="mr-4">
                    <a href="{{ route('home') }}">
                        <img src="{{ asset('images/owler-01.png') }}" alt="Owler" class="w-8">   
                    </a>
                </div>
                <div class="mt-2 font-sans">
                    <h1 class="text-lg text-owl-lightest">Owler <small class="text-grey">Awesome Creative Stuff</small></h1>
                </div>
            </div>
        </div>

        <div class="w-1/2 text-right">
            <a class="bg-owl hover:bg-owl-dark text-white font-bold py-2 px-4 rounded no-underline text-xs" href="{{ route('login') }}">{{ trans('user.login') }}</a>
            <a class="bg-owl hover:bg-owl-dark text-white font-bold py-2 px-4 rounded no-underline text-xs" href="{{ route('register') }}">{{ trans('user.register') }}</a>
        </div>
    </div>
</div>