HTML/CSS

先頭

        li:first-child {
            background-color: rgba(255, 0, 0, 0.658);
        }

例として、下記のような設定をしているにも関わらず、
横に並ばない場合がある。
　display: inline-block;
　box-sizing: border-box;
　width: 50%;

空白・改行が原因の場合が多く、letter-spacing を設定することで解消できる。