カテゴリー
ホームページ

箇条書きマークの操作

段落<p>の先頭に”●（くろまる）”をつける

こんな感じ

2023年度の計画の実行

HTML

<div class="kuromaru">
	<p>2023年度の計画の実行</p>
</div>

css

.kuromaru p {padding-left: 1.0rem;}
.kuromaru::before {content: "●"; margin-left: -1.0rem;}

箇条書き<li>の先頭に”※（こめじるし）”をつける

こんな感じ

  • SNSなどの活用

HTML

<div class="komekome">
	<ul>
		<li>SNSなどの活用</li>
	</ul>
</div>

css

.komekome ul {margin:0; padding:0;}
.komekome ul li {list-style-type: none; padding-left: -1.3em; text-indent: -1.3em;}
.komekome ul li::before {content: "※";}