Css 在表单中对齐Div文本
我正试图使actionlink与此代码正确对齐Css 在表单中对齐Div文本,css,asp.net-mvc-3,Css,Asp.net Mvc 3,我正试图使actionlink与此代码正确对齐 <div style="height: 40px; background-image: url('/Images/page-title-bg.gif'); background-repeat: repeat-x; background-color: #EBEBEB; border: 1px solid Silver; border-top: 1px solid #f9f9f9; padding-left: 10px; box-shad
<div style="height: 40px; background-image: url('/Images/page-title-bg.gif'); background-repeat: repeat-x; background-color: #EBEBEB; border: 1px solid Silver; border-top: 1px solid #f9f9f9; padding-left: 10px; box-shadow:0px 0px 2px 2px rgba(0,0,0,.1);">
<h1 style="border: none; line-height: 40px; text-shadow: 1px 1px 1px #fff;">
Edit Publication @Html.ActionLink("Back to List", "Approve", null, new { style="text-align:right; font-size:12px;" })
</h1>
</div>
这是根据请求生成的html
<div style="height: 40px; background-image: url('/Images/page-title-bg.gif'); background-repeat: repeat-x; background-color: #EBEBEB; border: 1px solid Silver; border-top: 1px solid #f9f9f9; padding-left: 10px; box-shadow:0px 0px 2px 2px rgba(0,0,0,.1);">
<h1 style="border: none; line-height: 40px; text-shadow: 1px 1px 1px #fff;">
Edit Publication <a href="/EPub/Approve" style="text-align:right; font-size:12px;">Back to List</a>
</h1>
</div>
从我的头顶上
h1 {
overflow:hidden;
}
h1 span {
float:left;
}
h1 a {
float:right;
}
<h1><span>Title text</span> <a href="">Link text</a></h1>
。。。快猜吧。h1上的溢出应作为内部包含的2个浮点数的清除。您的div有多宽?也许它对齐正确,但div的宽度没有显示它?请不要显示服务器代码,请显示输出HTML。
h1 {
overflow:hidden;
}
h1 span {
float:left;
}
h1 a {
float:right;
}
<h1><span>Title text</span> <a href="">Link text</a></h1>