プロジェクトの Web 開発に戻り、一部の要素が左揃えになり、他の要素が右揃えになるように div をセットアップする方法を学ぼうとしています。が登場する前の何ヶ月も前に、テーブルを使用してセルの配置を設定していましたが、div と同等のものを見つけることができないようです。
以下の HTML コードでは、「My Brand」というテキストを左側に、「Link 1」と「Link 2」のテキスト ブロックを右側に配置しようとしています。3 つのテキスト ブロックはすべて同じ行に配置し、縦方向に揃える必要があります。
<html>
<head>
<title>Hi Mom</title>
<style>
.header
{
background-color:#BFEFFF;
height:50px;
}
.tagline
{
color: #00A5D8;
font-size: 20pt;
font-family: Helvetica Neue;
font-weight: bold;
vertical-align: middle;
text-indent: 20pt;
display: inline;
}
body
{
margin:0px;
}
</style>
</head>
<body >
<div class="header"><div class="tagline"><p>My Brand</p></div><div class="tagline"><p>Link 1</p></div><div class="tagline"><p>Link 2</p></div></div>
<div><center>
blah blah
</center></div>
</body>
</html>
ありがとう