Do you have some CSS that is specific to the first page and therefore not applied to the second?

It’s gotta be something like that right? You don’t get that first picture from just the HTML given.

tend to agree with @gstager ...recheck that you have identical code...for the 2nd image, it look like you <p> tags are working as expected while in the original, they are not. Perhaps youre better off using some table code to keep things in a single row?

IDK, in that first picture, I imagine those are still links right? I bet there is custom CSS restyling the p or p>a tags on that page to make it a pseudo menu. Usually lists ar eused for that, but could see using p’s too. Would be curious if there was a surrounding wrapper element too that you maybe didn’t bring in?

@jonv definitely pull the code on both and compare side by side...there is something in the first image causing it to appear as a single row rather than what you see in the second image.

Thanks so much for all the replies! This is clearly demonstrating my lack of CSS knowledge and skills. Have enlisted some outside help. Cheers:)

From the sounds of it, the CSS is probably not on that widget or page but in the central style area. 

CSS and HTML go hand in hand.

If you simply copied HTML from one page to the next and got a different result - it would mean that there is some CSS governing the HTML appearance.

Since the HTML you shared does not contain any classes or IDs - I am leaning towards a page or widget specific styling of those tags.

As @Bfarkas stated - it will be found in the branding and look area but will use the ID of the page or widget.