码迷,mamicode.com
首页 > 其他好文 > 详细

textarea 边上的字如何才能与textarea的输入框对齐(转)

时间:2015-07-03 01:36:05      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5         <meta name="author" content="Chomo" />
 6         <link rel="start" href="http://www.14px.com" title="Home" />
 7         <title>顶部对齐</title>
 8         <style type="text/css">
 9             /*--- 清除浮动 ---*/
10             .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
11             .clearfix { display:inline-block;}
12             .clearfix { display:block;}
13             label { line-height:21px; float:left; margin-right:3px;}
14         </style>
15     </head>
16     <body>
17 
18 
19         <form method="post" action="">
20             <h5>发布信息</h5>
21             <fieldset>
22                 <p class="clearfix" style="font-size:12px">
23                     <label for="Name">标题</label>
24                     <input type="text" id="" />
25                 </p>
26                 <p class="clearfix" style="font-size:12px">
27                     <label for="content">内容</label>
28                     <textarea id="" rows="5" cols="13"></textarea>
29                 </p>
30                 <input type="submit" value="提交"/><input type="reset" value="重写"/>
31             </fieldset>
32         </form>
33 
34 
35     </body>
36 </html>
View Code
<form method="post" action="">
<h5>发布信息</h5>
<fieldset>
<p style="font-size:12px"><label for="Name">标题</label>
<input type="text" id="" /></p>
<p style="font-size:12px"><label for="content"  style="vertical-align:top" >内容</label>
<textarea id="" rows="5" cols="13"></textarea></p>
<input type="submit" value="提交"/><input type="reset" value="重写"/>
</fieldset>
</form>

 

textarea 边上的字如何才能与textarea的输入框对齐(转)

标签:

原文地址:http://www.cnblogs.com/gester/p/4617485.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!