Tagged: nested columns
See http://173.254.96.214/~ronspubh/#nightly-specials
There are 4 columns. The last column, called Thirsty Thursdays, has a text block above an image widget above another text block. That last text block has this:
[av_one_half first]
<p style=”text-align: center;”><span style=”font-size: 18pt;”>$3.50</span>
<span style=”font-size: 12pt;”>Draft Domestic</span></p>
[/av_one_half] [av_one_half]
<p style=”text-align: center;”><span style=”font-size: 18pt;”>$4.50</span>
<span style=”font-size: 12pt;”>Draft King Beer</span></p>
[/av_one_half]
<p style=”text-align: center;”><span style=”font-size: 12pt;”>(20 oz) Imperial Pints</span></p>
But as you can see from the site, those 2 columns are not lining up. The second is lower than the first. How can this be corrected so both of the 1/2 columns within that last 1/4 column vertically align.
workaround:
<p style="text-align: center; margin-top: -10px">
<span style="font-size: 18pt;">
<strong>$4.50</strong>
Hi,
They seem to be lining up nicely on my end, did you manage to get it fixed?
Best regards,
Rikard
sorry for delay. Yes that code fixed it.