リストマーク(画像なしで表現)

サンプル1text-indent: -1emとマージンで調整

装飾文字を直接記述(全角のみ対応)

★楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル2spanをdisplay: inline-blockに

装飾文字を直接記述(全角・半角どちらも対応)

+楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル3疑似要素でcontent: '★';

装飾文字をCSSに記述(HTMLに記述しない)(全角のみ対応)

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル4スパンをdisplay: inline-block;でwidthを

装飾文字をCSSに記述(HTMLに記述しない)(全角・半角どちらも対応)

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル5content: '\002665';

装飾文字を文字参照で記述
文字参照

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル6

装飾文字にウェブフォント(ここではFontAwesome)002600を使用
文字参照

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

ハート '\002665 ♥

クラブ \002663 ♣

ダイヤ \002666 ♦

スペード \002660 ♠

白抜きハート \002661 ♡

白抜きクラブ \002667 ♧

白抜きダイヤ \002662 ♢

白抜きスペード \002664 ♤

晴れ \002600 ☀

曇り \002601 ☁

雨 \002602 ☂

雪 \002603 ☃

流れ星 \002604 ☄

黒い星 \002605 ★

白抜き星 \002606 ☆

サンプル7

文字ではなくCSSプロパティを使用した装飾(1)

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル8

文字ではなくCSSプロパティを使用した装飾(2)

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル9

CSSのみで記号+連番
counter-increment: calc-ex9

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル10

CSSのみで記号+連番(アルファベット)

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル11

text-indentをpositionを使用して表現

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

サンプル12

複数行の縦中央位置に文字を配置

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。

サンプル13

複数行の縦中央位置に文字以外を配置2 矢印風
position: absolute;

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。人が通ったところに、道は出来る。すべては練習のなかにある。

サンプル14

装飾文字にウェブフォント直書き うまくemが効かない
文字参照

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

楽観的になりたいなら、客観的になることだ。自分で自分をあきらめなければ、人生に「負け」はない。

デコード
こちらを参考にして練習してみたところです。ありがとうございます。