最近HTMLとCSSを勉強している初心者です。
テキストエディタはAtomを使っています。
文字をcssで自分の好きな位置に配置しようしてみたところ、IEではAtomのプレビュー通りに表示されるのですが、chromeだと20pxほどずれて表示されてしまいます。
文字の配置はtop・leftとpxで移動させているのですが、marginなどやってみてもずれてしまいました。
これはどうしようもないのでしょうか?何か解決方法があれば教えてもらいたく存じます。
その時に書いたコードも載せておきます。何か間違っていたらすいません。
<html> <head> <meta charset="utf-8"> <style> #x{ color: #800000; font-size: 60px; position:absolute; top:200px; left:300px; font-family: sans-serif; font-weight:600; } #y{ color: black; font-size: 41px; position:absolute; top:200px; left:446px; font-family: sans-serif; } </style> </head> <body> <p id="x">javascript</p> <p id="y">css</p> </html> コード ```。
「ずれて表示」とはどのような状態でしょうか。スクリーンショットを提示するなどご検討ください。
回答2件
あなたの回答
tips
プレビュー