文字の位置
-
0 名前： 匿名希望 ： 2006/03/04 11:42
- 失礼します。一つ質問したくて書き込み致しました。
文字の位置を自由に配置したい時はどうすれば宜しいのでしょうか？？
中央より右よりとかにしたいのです。
誰か知っている方がいらっしゃればお教え下さい。宜しくお願い致します！
-
1 名前： カヅサツ ： 2006/03/04 11:42 ［URL］
- ウェブページの見栄えは css で行います。
要素内のテキストの水平位置を変えるには text-align を使います。
要素そのものの位置を変えるには、margin を使います。
このサンプルでは、わかりやすくするために、各要素に背景色を付けています。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>test</title>
<style type="text/css">
/* 大見出しのテキストを左に */
h1{
text-align: right;
background-color: #CCF;
}
/* 中見出しのテキストを中央に */
h2{
text-align: center;
background-color: #CCF;
}
/* 段落そのものを中央に、テキストは左に */
p{
text-align: left;
margin-right: auto;
margin-left: auto;
background-color: #CCF;
width: 50%;
}
/* 箇条書きそのものを右に、テキストは中央に */
li{
text-align: center;
margin-right: 0px;
margin-left: auto;
background-color: #CCF;
width: 50%;
}
/* 署名そのものを左に、テキストは右に */
address{
text-align: right;
margin-right: auto;
margin-left: 0px;
background-color: #CCF;
width: 50%;
}
</style>
</head>
<body>
<h1>○○のウェブページ</h1>
<p>私のウェブページへようこそ</p>
<h2>メニュー</h2>
<ul>
<li><a href="">日記</a></li>
<li><a href="">リンク</a></li>
</ul>
<address>hoge@example.com</address>
</body>
</html>
-
2 名前： 匿名希望 ： 2006/03/04 11:42
- 有難う御座いました！！
