0
私はhtml5とCSSを使い始めました。私はトップロゴの下に私の最初の見出しを取得し、見出しの下に中央のイメージを表示することはできません。基本的には、要素を順序どおりに配置する方法を知りたい。無効なCSSプロパティとHTML属性の多くを使用しスペースとセンタリング要素
body {
text-align: center;
background-color: white;
color: black;
}
#logo {
align: left;
}
#tagline {
text-align: left;
color: black;
font-family: arial;
}
#car {
align: center;
}
table {
text-align: center;
}
#p01 {
color: black;
font-size: 24;
line-height: 10%
}
#p02 {
color: blue;
font-size: 24;
line-height: 25px;
}
#h102 {
color: green;
font-family: arial;
}
<div id="logo">
<img src="auto.png" alt="autologo" width="200" align="left" />
</div>
<div id="tagline">
<h3><em>Explore the world's supercars</em>
<h3>
</div>
<div id="car">
<img src="aventador-coupe-facebook-og.jpg" alt="lambo" width="700" border="5px" />
</div>
<p id="p01">Here is a picture of the Lamborghini Aventador</p>
<p id="p02">The Lamborghini flagship model</p>
<table cellspacing="0" cellpadding="4" border="4" align="center">
<tr>
<td>aventador</td>
<td>huracan</td>
<td>centenario</td>
</tr>
<tr>
<td>asterion</td>
<td>esoque</td>
<td>murcielago</td>
</tr>
<tr>
<td>gallardo</td>
<td>diablo</td>
<td>countach</td>
</tr>
</table>
<h1 id="h102">FIND YOUR LUXURY CAR TODAY</h1>