PR

CSSでテキストにアンダーラインを綺麗に表示する

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- IE8/Gecko/webkit OK -->

<style type="text/css">
<!--
#normal-exp {
WIDTH: 450px;
}
.text {
TEXT-JUSTIFY: inter-ideograph;
TEXT-ALIGN: justify;
LINE-HEIGHT: 2.2;
MARGIN-BOTTOM: 20px;
FONT-SIZE: 87.5%;
}
.inner-text {
BORDER-BOTTOM: #cc9966 1px dotted;
PADDING-BOTTOM: 3px;
}
.inner-text IMG {
_margin: 2px 0;
}
.inner-text A {
MARGIN: 0px 1px;
}

-->
</style>
</head>

<BODY>
<DIV id=normal-exp>
<P class=text><SPAN class=inner-text> 日本国民は、正当に選挙された国会における代表者を通じて行動し、われらとわれらの子孫のために、諸国民との協和による成果と、わが国全土にわたつて自由のもたらす恵沢を確保し、政府の行為によつて再び戦争の惨禍が起ることのないやうにすることを決意し、ここに主権が国民に存することを宣言し、この憲法を確定する。そもそも国政は、国民の厳粛な信託によるものてあつて、その権威は国民に由来し、その権力は国民の代表者がこれを行使し、その福利は国民がこれを享受する。これは人類普遍の原理であり、この憲法は、かかる原理に基くものである。われらは、これに反する一切の憲法、法令及び詔勅を排除する。</SPAN></P>
<P class=text><SPAN class=inner-text> 日本国民は、恒久の平和を念願し、人間相互の関係を支配する崇高な理想を深く自覚するのであつて、平和を愛する諸国民の公正と信義に信頼して、われらの安全と生存を保持しようと決意した。われらは、平和を維持し、専制と隷従、圧迫と偏狭を地上から永遠に除去しようと努めてゐる国際社会において、名誉ある地位を占めたいと思ふ。われらは、全世界の国民が、ひとしく恐怖と欠乏から免かれ、平和のうちに生存する権利を有することを確認する。</SPAN></P>
</DIV>
</BODY>
</HTML>


コメント