Ticket #TKMA

Geek asks and answers

Why is the <p> tag around the <img> tag?

I have it:

<p>
    <img src="media/icons/info_ticket.png"></img>
    <h3>Ticket #TKMA<span><?php echo $_GET['CRy3sjzZOJyXE']; ?></span></h3>
</p>

And when I use CSS to change the style img, it doesn't work! So, I inspected the item and I found this:

<p>
    <img src="media/icons/info_ticket.png">
</p>
<h3>Ticket #TKMA<span>17</span></h3>
<p></p>

I do not understand why this is happening.

+5

html css

SoldierCorp Feb 15 '13 at 19:12

source share

4 answers

Since your HTML is not valid . <p>elements can only contain the contents of phrases.

See List of HTML5 Elements That Can Be Nested Inside a P Element?

+11

Matt ball Feb 15 '13 at 19:14

source share

The reason is that the element Hinside the element is <p>invalid, so the browser fixes it by pulling it out.

+3

Dennis rongo Feb 15 '13 at 19:14

source share

<h3> a <p> html

.

+2

Forty-Two 15 . '13 19:14

The tag is <h3>not valid inside the tag <p>. Your editor “corrects” it by moving the heading outside the paragraph, leaving only the image in the paragraph.

+2

Nate hekman Feb 15 '13 at 19:15

source share

More articles:

All Articles