teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

追記

2021/02/19 04:19

投稿

let
let

スコア41

title CHANGED
File without changes
body CHANGED
@@ -1,3 +1,54 @@
1
1
  初心者です。ご助言お願い致します。
2
2
  バックグランドカラーを設定したのですが、text-alignで設定はできたのですが中央より右寄りした寄せにしたいのですがpaddingで設定しようと考えたのですが全く動かずどうしたらいいものか悩んでおります。
3
- ご助言お願い致します。
3
+ ご助言お願い致します。
4
+
5
+ ```HTML
6
+ <!DOCTYPE html>
7
+ <html lang="ja">
8
+ <head>
9
+ <meta charset="utf-8">
10
+ <meta name="description" content="">
11
+ <link href="reset.css" rel="stylesheet" type="text/css" madia="screen">
12
+ <link href="style.css" rel="stylesheet" type="text/css" madia="screen">
13
+ <link rel="shortcut icon" href="/favicon.ico">
14
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
15
+ <title></title>
16
+ </head>
17
+ <body>
18
+ <header>
19
+ <div class="top"></div>
20
+ <div class="wapper">
21
+ <ul class="logo">
22
+ <li><a href="./"><img class="mainlogo" src="imges/.png" alt=""></a></li>
23
+ <li><a href="./"><img class="mainlogo2" src="imges/2.png" alt=""></a></li>
24
+ </ul>
25
+ </div>
26
+ </header>
27
+ <main>
28
+ <div class="topnav">
29
+ <nav>
30
+ <ul>
31
+ <li><a href="./">HOME</a></li>
32
+ <li><a href="#">*******</a></li>
33
+ <li><a href="#">*******</a></li>
34
+ <li><a href="#">*******</a></li>
35
+ </ul>
36
+ </nav>
37
+ </div>
38
+ <main>
39
+ <div class="setumei02"><br><br><h1>〇〇〇〇〇</h1></div>
40
+ ```
41
+
42
+ ```CSS
43
+ .setumei02{
44
+ text-align:center;
45
+ background-color: #afeeee;
46
+ height: 200px;
47
+ width: auto;
48
+ font-size: 48px;
49
+ padding-right: 20px;
50
+ margin: 0 auto;
51
+ max-width: 100%;
52
+ color: #f08080;
53
+ }
54
+ ```