title: how to show Vertical image with read onlyText box Angular?
body: <p>Currently I am showing images horizontally With the HTML below. Now I want to add a Read only textbox along side with each Image vertically.</p>
  
  <pre><code>&lt;div&gt;
      &lt;span&gt;Uploaded Images&lt;/span&gt;
      &lt;div id="appendImages" class="img-section"&gt;
          &lt;ul class="img-list" style="float:left"&gt;
              &lt;li style="float:left; padding:5px; width:20%;" class="img-list-item" ng-repeat="img in wa.listOfWorkAssignmentDoc track by $index"&gt;
                  &lt;!--&lt;button type="button" class="ion-close-round"
                          ng-click="removeImage(img)"&gt;&lt;/button&gt;--&gt;
                  &lt;!-- &lt;img ng-src="{{ img.selectedImage }}" /&gt;--&gt;
                  &lt;img ng-src="{{imgUrl}}{{img.documentId}}" width="100%" /&gt;
                  &lt;input type="text" /&gt;
              &lt;/li&gt;
  
          &lt;/ul&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>