This is the code I am currently working with:
.left-ul {
margin-left: 10px!important;
display: inline-block!important;
vertical-align: top;
width: 350px;
}
.iconic {
padding: 2%!important;
color: #111!important;
font-size: 16px!important;
}
li {
display: list-item;
text-align: -webkit-match-parent;
}
<div id="news">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 text-center">
<img src="images/prof.jpg" style="width:90%;">
</div>
<div class="col-md-8 price-grid feature-list">
<legend>
<h2>Highlights of the Program</h2>
</legend>
<ul class="left-ul">
<img src="images/thumb.png" style="width:55px; height:55px;">
<li class="iconic">Industry experts as faculty and guest lecturers</li>
</ul>
</div>
</div>
</div>
</div>
I want to display the following text in front of the image:
Industry experts as faculty and guest lecturers
but the text appears below the images. I am struggling to align the text properly in front of the image.
I have attempted using the text-align property, but it has not yielded the desired result so far.
If you need any additional files or information, please feel free to reach out to me.