おしえて

Css側で、文字の位置を数センチ上あげるは！？

解決済

質問者：Campus2
質問日時：2020/05/03 03:36
回答数：2件

以下ですが、参考書を見よう見まねで
自分サイトを作成中です。
無法地帯的なプログラム状態で
蛇足のプログラムが存在しているかもしれません。
以下ですが、margin-top: 20px;をいじりましたが
全く変化なしです。
文字をあと数センチ上げたいのですが、どうしたらいいでしょうか？
よろしくお願いします。
.content {
float: right;
margin-top: 20px;
margin-right: -10px;
margin: 100 auto;
}

どうもすみません！
htmlファイルがいくつか存在して、
問題のファイルの文字の位置はローカルの問題なので
Css側からもできるとは思いますが、html側で調整したほうが
無難だと判断しました。

補足日時：2020/05/03 04:51
通報する
問題のプログラムのCSSとhtml以下です。
http://afurieitohannei.la.coocan.jp/NSN/Position …
http://afurieitohannei.la.coocan.jp/NSN/Position …

補足日時：2020/05/04 09:47
通報する
ありがとうございます。
　質問する以前の問題だと分かりました。

夜中～今まで暇暇、プログラムを精査していました。
ほとんど無法地帯的で、HTMLとCSSがかみ合ってい
せんが、まだ修正中です。それとあとで困らない
ように、コメント入れています。
理想的なホームページへとなりつつありますが、何せ
まだ下手なので、苦労しています。

補足日時：2020/05/04 16:26
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： gura_
回答日時：2020/05/03 09:20

Campus2さん

　･････どうしたらいいでしょうか？･････････

１．分からないなら、まずページ全体のソースを提示して質問すること。
２．cssの基本を復習すること。
３．位置に関する指定の仕方を復習すること。

ご参考に↓
　https://webst8.com/blog/css-position/

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.global-nav {
position:relative; /* この行追加 */
float: right;
margin-top: 50px;
background:#e33; width:200px; height:100px;
}
.content {
float: right;
margin-top: 20px;
margin-right: -10px;
/* margin: 100 auto; この行？ */
}
</style>
</head>
<body>
<div class="global-nav">
<div class="content">
content
</div>
</div>
</body>
</html>