Weird spacing html

[hunter349]

Another weird thing seems to have popped up

On my pricing page I am having some trouble with weird double spacing in between my text lines.
At the bottom the "deluxe" is spaced away from the test image I have instead of right next to it like the others.

I am really confused as to why It looks fine in my mysiwyg html editor but has the weird spacing when I put the code in the description.

any ideas?

[jfriend]

Your HTML looks like it's machine generated and is a bit messy to sort through. In the generated HTML for the text by the first photo, I see this:

<div style="text-align: left;"><span style="color: rgb(0, 191, 255); font-size: 24pt;"><span style="color: rgb(105, 105, 105);"><span style="font-size: 19px;">Up to 4 hours of unlimited photography</span></span></span></div>

If you look carefully, you can see a font size change to 24pt and then a font size change to 19px. The 24pt size is triggering the larger line spacing (line spacing is set by the largest font size in the line) even though there are no actual characters expressed in that size. You need to remove those.

[denisegoldberg]

Using an html editor (or a word processor for that matter) is a really bad idea as you are building pages for your site.

Much better to control the look of your test with CSS than to use HTML constructed by an html editor. As you've already seen, that leaves you with essentially unreadable code that you will need to fix each time you use that editor.

--- Denise

[hunter349]

Thank you Jfriend. I will change the font. I never would have seen that.

Your right denisegoldberg, seems to be another lesson learned.