上記の画像
・緑色の部分の長さを短く調整したいです。
・英語で書かれている文章を中央寄せしたいです。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>TOP</title>
<style>
.header{
text-align: left;}
h1{
background-color: #336600;
color: white;
padding: 20px 0px 20px 0;
width: 220px;
height: 20px;
margin: auto;
font-size: 15px;
font-weight: lighter;
text-align: center;
}
p{
font-size: 13px;
padding-right: 300px;
padding-left: 400px;
text-align: left
}
.wifi{
text-align: center;
}
.main{
background-color: #99CC00;
color: white;
font-size: 13px;
margin-left: auto;
margin-right: auto;
}
.header{
padding-left: 265px;
}
li{
display: inline;
list-style-type: none;
font-size: 10px;
border-left: 5px;
text-align: center;
}
.under{
font-size: 13px;
margin: auto;
text-align: center;}
.footer{
font-size: 13px;
text-align: center;
}
.info{
text-align: right;
}
ul{
text-align: center;
}
</style>
</head>
<body>
<div class="header">
<img src="Wi2_PC_Logo.png">
</div>
<div class="wifi">
<img src="Wi2_PC_Banner.png">
</div>
<h1>インターネットに接続</h1>
<p>次ページのご利用規約に同意なさることで、フリーWi-Fiをご利用いただけます。</p>
<div class="main">
<p>ご利用いただくWi-Fiネットワークの通信は、暗号化されておらず通信を傍受されるおそれがあります。
<br>あらかじめご了承の上でご利用くださいますよう、お願いいたします。</p>
</div>
<p>スターバックス コーヒー ジャパン 株式会社のご協力のもとワイヤ・アンド・ワイヤレスがサービス提供を行っております。</p>
<hr color="gray" width="750" height="thin" >
<ul>
<li>問い合わせ</li>
<li>プライバシーポリシー</li>
<li>運営会社</li>
</ul>
<div class="info">
<p>Copyright © WIRE AND WIRELESS All rights reserved.</p>
</div>
</html>
Q&A
ベストアンサー
