質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

702閲覧

横の文章の文字列がほんの少し右下に傾いて表示されるのを真っすぐにしたい。

ghtew2

総合スコア245

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

1クリップ

投稿2023/01/12 06:27

概要
販売ページのプライバシーポリシーを書いているのですが、横の文章の文字列がほんの少し傾いているのですが、(よく見ないと分かりません)画像参考。(1)や(4)の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 }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

int32_t

2023/01/12 07:22

傾いているようには見えないです。 文字を□などに置き換えて再チェックしてみては。
guest

回答3

0

ベストアンサー

多分気のせいだと思いますよ
気になるならリスト系の処理で適当に

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

yambejp

総合スコア114812

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ghtew2

2023/01/13 07:36

回答ありがとうございます。上記のコードを試し、□の文字入れてみましたが、ちゃんと真っすぐになっていているようです。すみません。日本語の関係(漢字やひな仮名)のバランスで少し、斜めに見えるだけなのかもしれません。
guest

0

真っすぐなのに斜めに見える“不思議な文字列”
https://www.itmedia.co.jp/news/articles/1710/12/news030.html

十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 十一月同窓会 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十 会窓同月一十

投稿2023/01/12 23:39

shiketa

総合スコア3971

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ghtew2

2023/01/13 07:39

回答ありがとうございます。そういうのがあるのですね。日本語の関係(漢字やひな仮名)のバランスや背景も関係ありそうですね。□で試してみましたが真っすぐになっていました。すみません。
guest

0

背景画像による目の錯覚とかじゃないですか?

投稿2023/01/12 07:08

yuma.inaura

総合スコア1453

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ghtew2

2023/01/13 07:38

回答ありがとうございます。日本語の関係(漢字やひな仮名)のバランスや背景も関係ありそうですね。□で試してみましたが真っすぐになっていました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問