Q&A
傾いているようには見えないです。
文字を□などに置き換えて再チェックしてみては。
概要
販売ページのプライバシーポリシーを書いているのですが、横の文章の文字列がほんの少し傾いているのですが、（よく見ないと分かりません）画像参考。（1）や（４）の１行目が右下の方に少し文字列が傾いているのですが、これは何とかならないのでしょうか？
よく見ると、他の文字全体も少し傾いています。
スマホサイズで見ると目立つとまでは言えないですが、少し気になります。
調べても出てこないです。改善方法はないものでしょうか？
html
1<!DOCTYPE html> 2 3<html lang="ja"> 4 5<head> 6<meta content="text/html; charset=utf-8"/> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8 9<link rel="stylesheet" href="0lawresponsive2000.css"> 10 11 12 13 14 15 <title>プライバシーポリシー</title> 16 <style type="text/css"> 17 /* レスポンシブ対応で右に出る謎の余白を無くす */ 18 .wrapper { 19 overflow: hidden; 20 } 21 22 23</style> 24 25 26</head> 27<body> 28 29<div class="wrapper"> 30 31<dl> 32 <dd> 33 <div class="lawaa"> 34 （1） 個人情報保護法および関係法令を遵守いたします。 35 </div> 36 <div class="lawaa"><!--スマホサイズで行頭の折り返し調節--> 37 （2） 個人情報の漏洩、滅失、毀損または改ざん等のリスクを防止するため、 38 技術面および組織面において合理的な安全対策を実施いたします。<br> 39 </div> 40 <div class="lawaa"><!--スマホサイズで行頭の折り返し調節--> 41 （3） 個人情報の取扱いに関するお問い合わせに対して、専用の窓口を設けて迅速かつ 42 誠実に対応し、その解決にあたります。<br> 43 </div> 44 <div class="lawaa"><!--スマホサイズで行頭の折り返し調節--> 45 （4） 個人情報の適切な取扱いを徹底するため、当社の情報セキュリティー体制を定期的に見直し、 46 継続的に改善いたします。<br>ただし、Yahoo、Googleアカウント名は、Yahoo、Google＋などで検索可能な公開情報 47 であり、Yahoo、Googleアカウント名は、当社が保護・管理する対象の個人情報には該当いたしません。<br> 48 ユーザーは、プライベートで使うものとは別なYahoo、Googleアカウントを弊社に登録するなど、ご自身 49 で保護・管理に必要な予防措置を講じていただきますようお願いいたします。 50 </div> 51 </dd> 52 53</dl> 54 55 56 57 58 59</div></body></html> 60 61 62 63 64 65
css
1@media screen and (max-width: 2000px){ 2 3 /* 行頭の折り返し調節 */ 4 .lawaa { 5 text-indent: -2.92em; 6 padding-left: 2.24em; 7 8 9 } 10 11 12 13 .law_list dd{ 14 font-size: 16px; 15 line-height: 24px; /* 文字の縦の隙間 */ 16 } 17 }
回答3件
4
ベストアンサー
多分気のせいだと思いますよ
気になるならリスト系の処理で適当に
css
1<style> 2ol{ 3 counter-reset: li; 4} 5li{ 6list-style: none; 7counter-increment: li; 8} 9li::before{ 10left:20; 11position: absolute; 12content: '('counter(li)')'; 13} 14</style> 15<ol> 16<li value="10"> 17個人情報保護法および関係法令を遵守いたします。 18</li> 19<li> 20個人情報の漏洩、滅失、毀損または改ざん等のリスクを防止するため、 21技術面および組織面において合理的な安全対策を実施いたします。<br> 22</li> 23<li> 24個人情報の取扱いに関するお問い合わせに対して、専用の窓口を設けて迅速かつ 25誠実に対応し、その解決にあたります。<br> 26</li> 27<li> 28個人情報の適切な取扱いを徹底するため、当社の情報セキュリティー体制を定期的に見直し、 29継続的に改善いたします。<br>ただし、Yahoo、Googleアカウント名は、Yahoo、Google＋などで検索可能な公開情報 30であり、Yahoo、Googleアカウント名は、当社が保護・管理する対象の個人情報には該当いたしません。<br> 31ユーザーは、プライベートで使うものとは別なYahoo、Googleアカウントを弊社に登録するなど、ご自身 32で保護・管理に必要な予防措置を講じていただきますようお願いいたします。 33</li> 34</ol>
投稿2023/01/12 07:12
総合スコア109859
回答へのコメント
回答ありがとうございます。上記のコードを試し、□の文字入れてみましたが、ちゃんと真っすぐになっていているようです。すみません。日本語の関係（漢字やひな仮名）のバランスで少し、斜めに見えるだけなのかもしれません。
2
真っすぐなのに斜めに見える“不思議な文字列”
https://www.itmedia.co.jp/news/articles/1710/12/news030.html
十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十
投稿2023/01/12 23:39
総合スコア3703
回答へのコメント
回答ありがとうございます。そういうのがあるのですね。日本語の関係（漢字やひな仮名）のバランスや背景も関係ありそうですね。□で試してみましたが真っすぐになっていました。すみません。
1
背景画像による目の錯覚とかじゃないですか？
投稿2023/01/12 07:08
総合スコア1427
回答へのコメント
回答ありがとうございます。日本語の関係（漢字やひな仮名）のバランスや背景も関係ありそうですね。□で試してみましたが真っすぐになっていました。
