ホームページ  >  記事  >  ウェブフロントエンド  >  次のHTMLコードのpタグを右揃えにする方法

次のHTMLコードのpタグを右揃えにする方法

黄舟
黄舟オリジナル
2017-07-03 13:54:216881ブラウズ

以下のHTMLコードのpタグを右寄せにする方法

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#t1{ background-color:#f8f8f8;
border-bottom:1px solid #e6e6e6;
height:24px;

}
#t1 p{ width:900px;
margin:0px auto;
padding-top:5px;
float:right;
font-size:12px;
}
#t1 p a{text-decoration:none;color:#738197;}
</style>
</head>

<body>

<div id="t1"><p style="color:#0CC">
<a href="http://pc.qq.com/">苹果</a> · 
<a href="http://www.qq.com/">鸭梨</a> · 
<a href="http://im.qq.com/">鸡蛋</a> ·
<a href="http://im.qq.com/mobileqq/">白菜
</a>
</p>
</div>
</body>
</html>

中央の幅は900pxです

次のHTMLコードのpタグを右揃えにする方法

#t1 p{  
        width:900px;
        margin:0px auto;
        padding-top:5px;
        font-size:12px;
    overflow:hidden;
    text-align:right;
 }

pタグの右側のフローティングを削除し、テキストの配置を右揃えに変更します-整列。

りー




以上が次のHTMLコードのpタグを右揃えにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。