Vertically align smaller bullets with larger text

后端 未结 4 906
情歌与酒
情歌与酒 2021-02-05 08:06

I have a list with bullets. I made the bullets smaller by putting the li text inside a span and making the font-size of the li smaller tha

4条回答
  •  既然无缘
    2021-02-05 09:07

    You could just make your own bullet point and make it whatever size you want.

    li{
      font-size: 15px;
      list-style-type:none;
    
    }
    li span{
      font-size: 25px;
    }
    
    ul li:before {
       content: "•";
       font-size: 80%;
       padding-right: 10px;
    }
    

    Just change around the font-size to the size you want.

    jsFiddle

提交回复
热议问题