Question

<div style="margin-left:100px;">
    <table>
        <?php for($i=0;$i<8;$i++)
        {
            echo "\n".'<tr><td>data1</td><td>data2</td></tr>';
        }?>
    </table>
</div>

The above script, when run, reflects the following at the browser:

<div style="margin-left:100px;">
    <table>
        <tr><td>data1</td><td>data2</td></tr>
        <tr><td>data1</td><td>data2</td></tr>
        .
        . (8 times)
        .
    </table>
</div>

No surprises, this was as expected. But the following output rendered at the browser was something unexpected.

               >>>>>>>>
                data1   data2
                data1   data2
                .
                .(8 times)
                .

I really cannot figure out where the extra characters >>>>>>>> came from. One thing I can suspect here is CloudFlare (I use to speed up my website) which adds javascripts to optimize my website. But I am really not sure. Please help.

This is what I can see through firebug:

<div style="margin-left:100px;">
     &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;
    <table>
        <tr><td>data1</td><td>data2</td></tr>
        <tr><td>data1</td><td>data2</td></tr>
        .
        . (8 times)
        .
    </table>
</div>

One thing is little more surprising here. There are 8 rows in the table and there are exactly 8 >s

Answer 1

I really cannot figure out where the extra characters >>>>>>>> came from.

We most likely wouldn’t be the cause of this. One easy way to test if CloudFlare is causing an issue or not is to temporarily deactivate CloudFlare (Settings -> Pause CloudFlare). If the problem is still there with us off (wait about 5 minutes before checking), then the issue is directly on your server.