title: Is there any easy way to position the buttons and headers together align vertically in Center of the Web Page in Flask application?
body: <p>I am trying to align headers which we define in Title section and buttons which are defined in the Body section aligned the center of web page. Is there any easy way to position the buttons and headers together align vertically in the Center of the Web Page in Flask application?</p>
  
  <p><strong>How to align headers and Buttons to the center of the page in Bootstrap4 ??</strong> </p>
  
  <pre class="lang-html prettyprint-override"><code>{% extends 'base.html' %}
  
  {% block head %}
  
      &lt;h1 align="center"&gt; Please Select A Option &lt;/h1&gt;
  
  {% endblock %}
  
  {% block body %}
  
  
      &lt;form method="post"&gt;
      &lt;input type="submit" class="btn btn-primary btn-lg " name="Enter Logs/Facts" value="Enter Logs/Facts"&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;input type="submit" class="btn btn-secondary btn-lg " name="View Templates" value="Templates"&gt;
      &lt;/form&gt;
  
  
  {% endblock %}
  
  {% block content %}
  
  {% endblock %}
  
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/PwV3B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PwV3B.png" alt="Below Is the Screenshot of the curent HTML page "></a></p>