HTML: two <p> and one <div> tag in same line problems

Question

I am trying to do like this:

This is my html code:

<p>' + $(this).text() + '<p>Rate<div id="betygbox"></div></p></p>

I cant be able to make them show on one line

I have tried to put them all in one div tag with display: inline; But it aint working. Is there easy solutions to get it all in one line?

Thanks in advance!

Answer 1

<p> tags shouldn't be nested, so that's part of the problem. Try this instead:

'<p>' + $(this).text() + '<span>Rate<span id="betygbox"></span></span></p>

Answer 2

According to the HTML 4.01 spec, The P element represents a paragraph. It cannot contain block-level elements (including P itself). So, your HTML is not valid.