Как выровнять форму по центру?

Есть форма:

<div class="teams_form">
    <form action="/" method='POST' class="form-inline my-2 my-lg-0">
        {{ form.as_p }}
        {% csrf_token %}
        <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
</div>

CSS:

 .teams_form {
     margin: 50px ;
 }

Как вывести ее по центру ?

Источник: https://ru.stackoverflow.com/questions/1267642/%D0%9A%D0%B0%D0%BA-%D0%B2%D1%8B%D1%80%D0%BE%D0%B2%D0%BD%D1%8F%D1%82%D1%8C-%D1%84%D0%BE%D1%80%D0%BC%D1%83-%D0%BF%D0%BE-%D1%86%D0%B5%D0%BD%D1%82%D1%80%D1%83