Using HTML5 and CSS display 2 images level with each other, and each with a list below

Using HTML5 and CSS display 2 images level with each other, and each with
a list below

I'm new to CSS. I want to code a page in HTML5 that has 2 rather large
images of equal size and level with each other and with space between
them. I also want a left-margin between the left image and the left edge
of the page.
Directly below each image there will be an unnumbered list of 6 or so
items. Would someone be so kind as to draft the code for this? I know one
way to use CSS for spacing the images:
img { margin-right: 38px; margin-left: 50px; }
But what to do about the lists?
Thanks