[解決済み] [Solved] CSS: Control space between bullet and <li>
2022-04-17 22:11:11
Question
I'd like to control how much horizontal space a bullet pushes its
<li>
to the right in an
<ol>
or
<ul>
.
That is, instead of always having
* Some list text goes
here.
I'd like to be able to change that to be
* Some list text goes
here.
or
*Some list text goes
here.
I looked around but could only find instructions for shifting the entire block left or right, for example, http://www.alistapart.com/articles/taminglists/
解決方法は?
その内容を
span
という相対的な位置関係にあるものであれば、スペースをコントロールするために
left
プロパティの
span
.
li span {
position: relative;
left: -10px;
}
<ul>
<li><span>item 1</span></li>
<li><span>item 2</span></li>
<li><span>item 3</span></li>
</ul>
関連
-
[解決済み】Telegramマークダウンの構文。太字 *と* イタリック?(2018年9月)
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] フレックスアイテムを右にフロートさせる
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】「選択されたファイルがありません」を変更しました。
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] divが重ならないようにするには?
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] Railsアプリケーションにアイコンを追加する
-
[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない
-
[解決済み] フロートされた子 div の高さを親の高さに拡張するにはどうすればよいですか?