效果如下

还是那句话我发文章之前，我要保证他可以用我才可以发出来，我看很多站都是直接搬什么的，不能用什么的，真的有点。。话不多说直接上代码

部署说明

首先第一步，要知道一共有三样东西，第一个就是HTML代码，第二步就是两个CSS代码，为什么是两个CSS，其实使用一个就可以，因为两个CSS代码是用来控制放左边还是放右边，最后一样就是图片，图片我放到底部就可以了

代码与详细教程

<link href="css目录地址" rel="external nofollow"  rel="external nofollow"  rel="stylesheet" type="text/css">
 <div class="act-rule">
    <p class="title">
        招募设计师
    </p>
    <div class="rule-wrap">
      <dl class="wrap-content">
        <dt>规则</dt>
        <dd><i>1</i>使您的作品被广泛展现，每次下载都有收入，最专业的设计稿交易平台，平台只抽取15%费用。
        </dd>
        <dd><i>2</i>测试兔子，右侧测试兔子
        </dd>
        <dd><i>3</i>入驻即赠送免费设计师专属极速网盘，无广告无限速
        </dd>
      </dl>
      <p class="wrap-btn">
        <a href="/" rel="external nofollow"  rel="external nofollow" >查看详情</a>
      </p>
    </div>
  </div>

将上面的代码放到/wp-content/themes/zibll/index.php文件里面<?php get_sidebar(); ?>下方就可以

一定要记得css目录地址就是你新建一个css文件，然后把目录复制过来放里面

CSS左边

以上代码就是CSS，就是刚才HTML代码下面说的你建一个css文件，但是记住这个是左侧显示的css代码

CSS右边

以上代码就是CSS，就是刚才HTML代码下面说的你建一个css文件，但是记住这个是右侧显示的css代码

兔子素材