JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<style>
  .section-title{
    padding-right:6px;
  }
  .section-title:before{
    content: '第'
  }
  .section-title:after{
    content: '章:'
  }
</style>
<div>
  <h4>前端必学课程:</h4>
  <div>
    <span class="section-title">1</span>javascript
  </div>
  <div>
    <span class="section-title">2</span>html
  </div>
  <div>
    <span class="section-title">3</span>css
  </div>
</div>