JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<div class="w">
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>
  <p>
    键盘敲烂，工资过万
  </p>

</div>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

CSS

.w {
  width: 300px;
  margin: 0 auto;
  background-color: #f5f5f5;
}

ul{
position:fixed;
left:50%;
margin-left:150px;
bottom:20px;
  width:20px;
  height:100px;
background-color:pink;
}