Im having trouble while trying to place the logo of my HTML page right next to the navigation bar.

The problem im facing is this:

This is my logo:

    <div class="logo-container">
        <a href="{{ url_for('index') }}"> 
            <img src="{{ url_for('static', filename='logo.png') }}" alt="logo" height="100" width="100" class="logo">
        </a>
    </div>

This is my nav

    <div class="container mt-4 custom-tabs-container mx-auto my-4 clearfix">
        <ul class="nav nav-tabs fixed-top navbar-custom" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link active" id="TAB1-tab" data-toggle="tab" href="#TAB1-content" role="tab" aria-selected="true">Tab1</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" id="TAB2-tab" data-toggle="tab" href="#TAB2-content" role="tab" aria-selected="false">Tab2</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" id="TAB3-tab" data-toggle="tab" href="#TAB3-content" role="tab" aria-selected="false">Tab3</a>
            </li>
            <li class="nav-item" role="presentation">
                <a class="nav-link" id="TAB4-tab" data-toggle="tab" href="#TAB4-content" role="tab" aria-selected="false">Tab4</a>
            </li>            
        </ul>

What should i do in order to force the logo to be in the upper left hand side and the nav bar starting right after the logo?

Tried using CSS styles but did not work for me