title: centering a file input form - html/bootstrap/angular
body: <p>I have created a file input with an Angular directive and it seems really hard to center it for some reason:</p>
  
  <p><a href="https://i.stack.imgur.com/H1dCN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H1dCN.png" alt="enter image description here"></a></p>
  
  <p>This is my HTML, thanks for any insight. </p>
  
  <pre><code>&lt;form class=".form-control"&gt;
      &lt;center style="border: blue"&gt;
          &lt;input class=".form-control" type="file" file-input="files" multiple&gt;
      &lt;/center&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;button class=".form-group" ng-click="upload('/upload')"&gt;Upload&lt;/button&gt;
      &lt;button class=".form-group" ng-click="upload('/upload/save')"&gt;
          Save New Profile Picture
      &lt;/button&gt;
      &lt;li ng-repeat="file in files"&gt;{{file.name}}
          &lt;img ng-src="{{imageData}}" style="max-height: 200px; max-width: 200px"&gt;
      &lt;/li&gt;
  &lt;/form&gt;
  </code></pre>