我試圖關閉複選框和標籤之間的距離。我希望他們坐在內聯。造型mailchimp表格
CSS
#mc_embed_signup_pro {
background: #fff;
width: 520px;
padding: 40px;
}
#mc_embed_signup_pro input {
height: 38px;
width: 510px !important;
font-family: Arial;
font-size: 22px;
text-transform: bold;
color: #666;
border: 1px #a3a3a3 solid;
-moz-border-radius: 12px;
border-radius: 12px;
float: left;
clear: both;
}
#mc-field-group li {
float: left;
width: 30px;
height: 40px;
}
.check {
background: aqua;
float: right !important;
}
#mc_embed_signup_pro label {
margin-top: 20px;
margin-bottom: 8px;
float: left;
}
#mc_embed_signup_pro .mc-field-group {
margin-bottom: 10px;
height:60px;
clear: both;
}
#mc_embed_signup_pro .button {
background: #484848 !important;
float: left;
padding-top:3px !important;
font-size: 32px !important;
line-height: 20px !important;
width: 150px !important;
height: 46px !important;
font-family: 'Populaire';
}
現場樣品 http://www.oatbook.co.uk/signup-pro.html
感謝@kristina,它實際上將這些複選框用新風格定位是我無法做到的。即:'#mc_embed_signup_pro .checkbox {margin-right:0px;}似乎沒有做任何事情。有任何想法嗎? – Rob
編輯了最初的帖子來回答 –