今天在使用laravel做开发时，遇到个以前没有遇到过很奇怪的问题，我想在一个p标签里面循环渲染一些p。类似效果如下：

<p>
  @foreach($list as $val)
    <p>{{ $val }}</p>
  @endforeach
</p>
//下面是理想效果...
<p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
  <p>1</p>
</p>

然而我并不能达到想要的效果，我的代码及结果如下：

<p>
    @foreach($val['userList'] as $v)
    <p class="km-member clearfloat m_bottom" data-user_id="{{ $v->id }}">
      <p class="km-member-pic">
        <i class="km-member-bg"></i>
        <img src="{{ $v->avatar }}" alt="" class="km-member-img">
      </p>
      <span>{{ $v->realname }}</span>
      <i class="km-icon-delete"></i>
    </p>
    @endforeach
</p>

在浏览器却变成这个样子：

请问这是为何？