liタグを横並びにして区切り線を引く

簡単にできるけど
覚えられないのでメモメモ

ul.pageLink li {
  display: inline;
  padding-right: 10px;
  padding-left: 10px;
}

ul.pageLink li+ li {
  border-left: 1px solid #064077;
}

    <ul class="pageLink">
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>

コメント

タイトルとURLをコピーしました