↓均等割付していない時
Welcome to My Homepage
↓均等割付している時
Welcome to My Homepage


<html>
<head>
<title>テキストを均等割付（ブロック）</title>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
.typ1 { height: 30px;
width: 500px;
border-color: #CCFFCC #333333 #333333 #CCFFCC;
background-color: #FF9966;
padding: 2px;
font-family: "Courier New", "Courier", "monospace";
font-size: 24px;
font-style: italic;
border-style: solid;
border-width: 1px;}
.typ2 { text-align:justify;
text-justify:distribute-all-lines;
height: 30px;
width: 500px;
border-color: #CCFFCC #333333 #333333 #CCFFCC;
background-color: #FF9966;
padding: 2px;
font-family: "Courier New", "Courier", "monospace";
font-size: 24px;
font-style: italic;
border-style: solid;
border-width: 1px;}
body { text-align: center;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
↓均等割付していない時
<div class="typ1">Welcome to My Homepage </div>
↓均等割付している時
<div class="typ2">Welcome to My Homepage </div>
</body>
</html>