It’s not as easy as it sounds, even if you use the right and left align html in WordPress for imagery it often doesn’t stay on the same line as one another. In trying to tackle this constant headache there are a few solutions I have come up with when simple alignment fails.
1. Use A Plugin
There is a ready made plugin you can use to column up your page into however many columns you want, it’s simple and it can be the easiest way to align imagery and text. The problem with it is that it sometimes just doesn’t work well with some themes for whatever reason that might be, but it’s worth a try at implementing such a simple solution.
Here is the download link for Column Shortcodes , once installed use your visual editor to split the page into certain columns such as [one_half] & [one_half_last].
2. Simply Use A HTML Table
I’ve used HTML tables before just to column something, it’s quick and easy to do. You just have to make sure that you make the borders the same colour as the background of your page. Again another issue with this is that the background sometimes doesn’t change from the standard black colour for whatever reason, but it’s worth a try.
Here is an example bit of table code you can use for a 2 column table.
|Table Cell||Table Cell|
You can generate an easy to use table by using Quackit HTML Table Generator.
3. Use a Content Box Div
Another solution is to use a content box by dividing up the page with a percentage width, you can adapt this solution to how you want your page to look but the code below divides your page up into 3 equally by 33%.
I hope you found this useful, if you have any other solutions, then please feel free to share in the comments section below.