色探しの旅『Sky&Water』

日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか

色探しの旅『Sky&Water』

日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか

色探しの旅『Sky&Water』

日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか

見だしの位置と、文章の行揃えです。何故かtext-align:justifyは有効ではありません
<html>
<head>
<title>色探しの旅</title>
<style type="text/css"><!--

p{width:360px}
p.text01{text-align:left}
p.text02{text-align:center}
p.text03{text-align:right}
p.text04{text-align:justify}
--></style>
</head>
<body>

<div align="left">
<h1>色探しの旅『Sky&Water』</h1>
<p class="text01">日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p>
</div>
<div align="center">
<h1>色探しの旅『Sky&Water』</h1>
<p class="text02">日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p>
</div>
<div align="right">
<h1>色探しの旅『Sky&Water』</h1>
<p class="text03">日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p>
<p class="text04">日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p>
</div>
</body>
</html>