css样式出错，求助！！！
<p><br></p><p><style>
</p><p>p{
</p><p> width: 31.1%;
</p><p>
</p><p> margin-bottom: 15px;
</p><p> background: #fff;
</p><p> float: left;
</p><p> margin-right: 0;
</p><p>}
</p><p>p:nth-child(4n-1) {
</p><p> }
</p><p></style>
</p><p><br></p><p><p>第一个段落。</p>
</p><p><p>第二个段落。</p>
</p><p><p>第三个段落。</p>
</p><p><p>第4个段落。</p>
</p><p><p>第5个段落。</p>
</p><p><p>第6个段落。</p>
</p><p><p>第7个段落。</p>
</p><p><p>第8个段落。</p>
</p><p><p>第9个段落。</p></p><p><br></p><p>现在显示成图片那样，要怎么改？</p>
