title: align image to left in angularjs html
body: <p>You can see rows in picture.</p>
  
  <p><a href="https://i.stack.imgur.com/MfkKa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MfkKa.jpg" alt="those are rows"></a></p>
  
  <p>This is code of that view:</p>
  
  <pre><code>&lt;div layout="row" layout-align="space-around center" &gt;
  &lt;product-image-thumbnail layout="row" layout-align="left center"
      src="vm.callFunction(field)"
      setter="vm.callFunction(value)" /&gt;
  
  &lt;md-button  ng-click="vm.onMouseOver(field.getSrc))" layout="row" layout-align="right center"&gt;
      &lt;md-icon&gt;zoom_in&lt;/md-icon&gt;
  &lt;/md-button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to align image or uploadanimage to left, zoom button to right.</p>
  
  <p>But it doesnot work.</p>
  
  <p>i also tried</p>
  
  <pre><code>layout-align="start start
   layout-align="end end"
  </code></pre>
  
  <p>but it did not do the job.</p>
  
  <p>Also i tried buttons to convert to <code>column</code> but it is same.</p>
  
  <p>it makes two rows if i dont put first layout. i need them inside a row.</p>
  
  <p>this is where src image comes</p>
  
  <pre><code>&lt;div ng-show="!vm.src" layout="row"&gt;
      &lt;md-button class="md-button md-ink-ripple" ng-click="vm.Dialog($event)"&gt;
          &lt;md-icon&gt;file_upload&lt;/md-icon&gt;
          &lt;span translate&gt;upload_image&lt;/span&gt;
      &lt;/md-button&gt;
  &lt;/div&gt;
  &lt;div ng-show="vm.src" class="thumbnail" layout="column" layout-align="center center" flex layout-padding ng-click="vm.Dialog($event)"&gt;
      &lt;img src="{{vm.src}}" style="max-height: 60px;max-width: 60px"
           error-src="content/images/no_image_icon.gif"
      /&gt;
  &lt;/div&gt;
  </code></pre>