title: How can I center an element inside a tile in Bulma framework
body: <p>I am using the Bulma framework for my webpage's css. I am using the tiles feature to design my page. I cannot seem to find how to center an element inside a tile.</p>
  
  <p>I have written a 'center' class in the bulma.css file as below :</p>
  
  <pre><code>.center{
    left : 40%;
    right : 20%;
  }
  </code></pre>
  
  <p>This does seem to work for an image I am importing :</p>
  
  <pre><code> &lt;div class="tile is-ancestor"&gt;
    &lt;div class="tile is-parent"&gt;
      &lt;div class="tile is-child "&gt;
        &lt;figure class="image is-64x64 center"&gt;
          &lt;img src="/static/img/my_image.png" alt="" &gt;
        &lt;/figure&gt;
  
  &lt;!---more code----&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the same doesn't work for a form just below the image(still inside the tile :</p>
  
  <pre><code>&lt;form class="center" action="{{url_for('displayGraph')}}" method="post"&gt;
  
      &lt;input class="center" style="width:80%;font-size:12pt;" type="text" name="name" value="" placeholder="How can I help you?"&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;div class="center"&gt;
        &lt;input type="submit" name="submit" value="Ask away!"&gt;
      &lt;/div&gt;
  
    &lt;/form&gt;
  </code></pre>
  
  <p>Not sure what to do about this. Can someone please help me?</p>