<div class="snippet-code"> Get ready. This is not a "> <div class="snippet-code"> Get ready. This is not a "> <div class="snippet-code"> Get ready. This is not a " />
次のようなコードがあります。
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">
Get ready. This is not a list.
Get ready.
箇条書きがulの前に来るテキストと水平に並ぶように、ulの左パディングを取り除きたいです。残念ながら、ulの左パディングを0pxに設定すると、liの内容はそれらの上にあるものと整列し、箇条書きは左に突き出ます。 ulのパディングを現在のブラウザで機能する値に手動で設定できますが、すべてのブラウザで機能しない可能性があります。
list-style-position:inside;
私はあなたが必要とするものを達成することを望みます。
ul{ padding: 0; } ul li{ display: inline; }
ul li{ display: inline-block; padding: 20px }
これでうまくいくはずです。
Get ready. This is not a list. </div>
ul { padding-left: 0; display: flex; list-style-position: inside; } ul li { margin-right: 30px; }