I'm working on my first WordPress website, and having trouble with one of my pages. Specifically, this one
On my screen, and I think on most screens, the images along the right side have a stair-step layout. This is unattractive, and not what I'd hoped for.
My intention was to have an unordered list, where each list element consisted of an image and some corresponding text, with some horizontal whitespace between each list element, as is usual for unordered lists. Basically, I want the layout to see the text/image combo as a single semantic element that ought to be grouped together, not mishmashed into earlier/following elements. More specifically, each element would have a right-aligned image and some text, which would likely wrap across multiple lines, but might or might not take up more or less vertical space than the image. There would then be a bit of horizontal whitespace, followed by the next image/text combo.
I considered using a table instead of a ul, but experts seem to strongly discourage use of tables for layout. And I wanted to use good practices in my webdesign.
I'd greatly appreciate any help or advice in fixing my layout problem.
P.S. I checked the html code, and the text/image combos are indeed organized in li tags in the way I'd intended. Each li has one image, followed by the corresponding text. The problem is that this setup isn't displaying as I had hoped.