CSS - two right aligned images under each other

Display 2 images right aligned underneath each other

by techexplorer

HTML

<a href="#">
    <img src="https://via.placeholder.com/400x400" alt="Image 1" width="200" height="200" style="max-width: 200px; max-height: 200px;padding-bottom: 15px; padding-left: 15px;float:right;"/>
    <img src="https://via.placeholder.com/200x141" alt="Image 2" width="200" height="141" style="max-width: 200px; max-height: 200px;padding-bottom: 15px; padding-left: 15px; float:right; clear:both;"/>
  </a>
<p>Here's a block of text which needs to have some images floating right</p>
<ul>
<li>List item 1 goes here. Has quite a lot of text</li>
<li>List item 2 goes here. Not as much text</li>
<li>List item 3 goes here. Has far too much text for a list item really.</li>
<li>List item 4 goes here.</li>
</ul>
<p>
Here's another paragraph of text which should wrap around the image. Here's another paragraph of text which should wrap around the image.
</p>
<p>
Here's another paragraph of text which should wrap around the image. Here's another paragraph of text which should wrap around the image. Here's another paragraph of text which should wrap around the image. Here's another paragraph of text which should wrap around the image.</p>