Given the altered HTML:
<div class="verticalStrip">
<br>
<ul>
<li><img src="image1.png" alt="im1"/>text1</li>
<li><img src="image2.png" alt="im2"/>text2</li>
</ul>
</div>
I'd suggest the CSS:
img {
display: block;
}
With regard to the question asked by the OP, in the comments (below):
is there any way to create some spacing between text1 and image2?
The answer is, of course, 'yes,' simply assign a margin-bottom
to the <li>
elements, for example:
li {
margin-bottom: 2em;
}
Or, if you'd rather, padding-bottom
could be used instead:
li {
padding-bottom: 2em;
}