我有这样的代码:浮动属性在CSS?
HTML:
<div id="block-custom-bottom-contact-us" class="block block--custom block--custom- bottom-contact-us">
<h2 class="block__title"><none></none></h2>
<div class="block__content">
<p><strong>We are <span class="txt_focus">Starter</span> - and this is a cool place for your quote</strong></p>
<p>If you have any questions or need a custom plan that will suit your needs please contact us via our contant form</p>
<p><a class="button" href="/contact-us">Contact us</a></p>
</div>
</div>
CSS
block-custom-bottom-contact-us {
margin-top: 314px;
border-top: 1px solid #E8EBED;
/*height: 145px;*/
}
#block-custom-bottom-contact-us .block__content { height: 145px }
#block-custom-bottom-contact-us p {
margin: 0;
padding: 0;
width: 665px;
padding-left: 115px;
font-size: 12px;
color: #acb1b5;
float: left;
}
#block-custom-bottom-contact-us p:first-child {
width: 665px;
float: left;
position: relative;
margin-top: 41px;
margin-bottom: 15px;
}
#block-custom-bottom-contact-us p:last-child {
height: 145px;
width: 275px;
float: right;
margin: 0;
padding: 0;
}
#block-custom-bottom-contact-us strong {
clear: both;
font-size: 18px;
color: #444444;
}
#block-custom-bottom-contact-us .txt_focus { color: #23abf1 }
如何成为实现这样吗?
请帮帮我,谢谢!
究竟什么是你问?你想复制你的阴影效果吗? – SaturnsEye
使用css联系我们按钮在右边。 p/s:我的英文不好,希望你明白 – user2935043
http://jsfiddle.net/9yuEH/10/看这个小提琴 – Kumar