Weird issue with PHP and html markup

Question

I have a weird issue with my html codes.

I want to add the a variable $htmlstring to a <p> tag.

I do

 $finalHtml .= '<p class="text">'.$htmlString.'</p>';

My $htmlstring contains something like

<span>texts….</span>
<span>texts….</span>
<span>texts….</span>
<span>texts….</span>
<span>texts….</span>

<table>
    <tr>
       <td>cell</td>
      <td>cell</td>
      <td>cell</td>
     </tr>
    more….
</table>

<span>more texts</span>
<span>more texts</span>

I want my result to become like

<p class='text'>
     <span>texts….</span>
    <span>texts….</span>
    <span>texts….</span>
    <span>texts….</span>
   <span>texts….</span>

   <table>
     <tr>
        <td>cell</td>
       <td>cell</td>
       <td>cell</td>
      </tr>
      more….
   </table>
   <span>more texts</span>
   <span>more texts</span>
</p>

but i got

//p tag only wraps texts before my table element.
<p class='text'>
     <span>texts….</span>
    <span>texts….</span>
    <span>texts….</span>
    <span>texts….</span>
   <span>texts….</span>
</p>

   <table>
     <tr>
        <td>cell</td>
       <td>cell</td>
       <td>cell</td>
      </tr>
      more….
   </table>
   <span>more texts</span>
   <span>more texts</span>

can anyone help me with this weird issue? Thanks a lot!

Have you taken a look at the raw output of the php, before the browser interprets it? I suspect your p end tag appears where you wanted it, but the browser reinterpreted the page. — user1618143
– user1618143, Commented Sep 6, 2013 at 20:08

RienNeVaPlu͢s · Accepted Answer · 2013-09-06 20:07:38Z

6

That's because p can't hold a block element (table).

Use a div instead of your paragraph.

answered Sep 6, 2013 at 20:07

RienNeVaPlu͢s

7,7026 gold badges46 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DWolf · Accepted Answer · 2013-09-06 20:14:23Z

0

Have you tried running your code through the validator?

the validator would have told you that you cannot put

 <p> <table> ...

or

<table> <p>

check out: http://validator.w3.org/

answered Sep 6, 2013 at 20:14

DWolf

7251 gold badge7 silver badges20 bronze badges

Collectives™ on Stack Overflow

Weird issue with PHP and html markup

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related