使用Bulma CSS作为网站。使用列表项中的ul> li的类别列表。尝试获取列表项,例如图片1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
<div class="categories">
<h3>category</h3>
<div class="container is-centered is-widescreen">
<div class="content" style="text-align: center;">
<div class="columns is-desktop ">
<div class="column is-mobile ">
<h5 class="">category 1</h5>
<ul>
<li>Lorem, ipsum dolor</li>
<li> amet consectetur adipisicing elit</li>
<li>Iusto asperiores tempora</li>
<li>accusamus laudantium iure</li>
<li> Dignissimos ab </li>
</ul>
</div>
<div class="column is-mobile ">
<h5 class="">category 2</h5>
<ul>
<li>Lorem, ipsum dolor</li>
<li> amet consectetur adipisicing elit</li>
<li>Iusto asperiores tempora</li>
<li>accusamus laudantium iure</li>
<li> Dignissimos ab </li>
</ul>
</div>
<div class="column is-mobile ">
<h5 class="">category 3 </h5>
<ul>
<li>Lorem, ipsum dolor</li>
<li> amet consectetur adipisicing elit</li>
<li>Iusto asperiores tempora</li>
<li>accusamus laudantium iure</li>
<li> Dignissimos ab </li>
</ul>
</div>
</div>
</div>
</div>
</div>
您可以将css用于ul标签作为
style="display:inline-block"