Q&A
「①で記載したタグが複数ページにあるので、全て書き換えるのが大変なため」とのことですが、この辺りのソースを明記していただけると、作業を少なく済ませるための方法を提示しやすいです。
①<p>※あいうえおかきくけこさしすせそ</p>
上のようなタグで書いて、改行された場合に、２行目が以下のようになり、※の下に文字が来てしまいます。
[現在]
※あいうえおかきくけこ
さしすせそ
[このようにしたい]
※あいうえおかきくけこ
さしすせそ
（ちょっとずれていますが、「あ」の下に「さ」がくるようにしたい。）
dlタグを使えばできると思うのですが、①で記載したタグが複数ページにあるので、全て書き換えるのが大変なため、
pタグのままでCSSだけ変更するか、もしくはできるだけ作業が少なく済み、実装できる方法があればご教示お願いできませんか。
よろしくお願い致します。
回答2件
0
ベストアンサー
<p>タグ全てに適用したい時
```html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
p{
margin-left: 1.0em;
text-indent: -1.0em;
}
</style>
</head>
<body>
<p>※あいうえおかきくけこさしすせそ</p>
</body>
</html>
一部のみに適用したい時 ```html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> .withIndent{ margin-left: 1.0em; text-indent: -1.0em; } </style> </head> <body> <p class="withIndent">※あいうえおかきくけこさしすせそ</p> </body> </html>
投稿2016/02/11 07:37
編集2016/02/11 08:03
総合スコア419
0
html
1<ul> 2 <li>※あいうえおかきくけこ<br>さしすせそ</li> 3</ul>
css
1ul li { 2 list-style-type: none; 3} 4ul li:before { 5 content: "※"; 6}
投稿2016/02/11 07:55
退会済みユーザー
総合スコア0
text-indent: -1em; とかを指定しないと、※の下に文字がきてしまいます。
また、contentで ※ を付けるのであれば、li内の※は消す必要があります。
この質問に限っては適切ではない
あなたの回答
tips
プレビュー
