element UI

横並びにするデザイン

     <div style="text-align:  center !important;">
          <el-row>
                        <el-col :lg="{span: 4, offset: 6}" :sm="24">
                          /*lgの場合だけ6空ける

                            <div class="circle">
                                <p>会員登録</p>
                                <h3>無料！</h3>
                            </div>


                        </el-col>
                        <el-col :lg="{span: 4}" :sm="24">
                            <div class="circle">
                                <p>会員登録</p>
                                <h3>無料！</h3>
                            </div>
                        </el-col>

                        <el-col :lg="{span: 4}" :sm="24">
                            <div class="circle">
                                <p>会員登録</p>
                                <h3>無料！</h3>
                            </div>
                        </el-col>

                    </el-row>
</div>


中心に丸を３つ並られる。