iuap-design/snippets/examples/utilities/2-text-align/widget.html

UI Framework Used For Enterprise.

<div class="example example-box u-container-fluid">
    <div class="row">
        <div class="col-md-4 m-b-sm bg-grey h-64">
    		<img src="../../static/img/img2.png" height="64" width="64" style="vertical-align:top">
           <span class="text-top">Aligns text to the top.</span>
        </div>
        <div class="col-md-4  m-b-sm bg-grey h-64" >
        <img src="../../static/img/img2.png" height="64" width="64" style="vertical-align:middle">
           <span class="text-middle">Aligns text to the middle.</span>
        </div>
        <div class="col-md-4  m-b-sm bg-grey h-64" >
          <img src="../../static/img/img2.png" height="64" width="64" style="vertical-align:bottom">
            <span class="text-bottom">Aligns text to the bottom.</span>
        </div>
    </div>
    <div class="margin-top-20">
        <p class="text-left">Left aligned text.</p>
        <p class="text-center">Center aligned text.</p>
        <p class="text-right">Right aligned text.</p>
        <p class="text-justify">Justified text.Justified text.Justified text.</p>
    </div>
</div>