I want to enhance a picture by adding three paragraphs on the left-hand side. Below is my HTML code:
<md-toolbar layout-align="center center">
<h3>Traffic Light Component</h3>
</md-toolbar>
<md-grid-list md-cols="2" md-row-height="250px" md-row-width="1000px">
<div layout="row" layout-margin>
<div id="a" flex="25">
<div id="1">
<p>hii1</p>
</div>
<div id="2">
<p>HIIIIII</p>
</div>
<div id="3">
<p>tybiurhj</p>
</div>
</div>
<div layout="row" layout-xs="column">
<div id="b">
<md-grid-tile class="image">
<img ng-src="{{getStatus(caselist)}}" width="80" height="200"/>
</md-grid-tile>
</div>
</div>
</div>
</md-grid-list>
</div>
While the content is being displayed, I am exploring ways to center the paragraphs. Any assistance is highly valued.