align image to left in angularjs html
<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>