Div 和 Class 元素不响应 CSS 自定义

Question

.copyright {
top: 10px;
}

理想情况下，我希望文本位于中间，与社交媒体图标一致。

我面临的第二个问题是右侧的社交图标。我希望图标稍微向左。我尝试了以下 css 编码来解决问题，但也无济于事：

#socialmediabuttons {
padding-right: 3%;
}

我在下面包含了整个 css 和 html 编码。 URL我的博客如下：http://www.blankesque.com

<style>
.copyright {
background: #f8f8f8;
padding: 1% 0 1% 2%;
margin-bottom: -35px;
font-weight: normal!important;
letter-spacing: 0.09em;
overflow: hidden;
font-family: karla, helvetica!important;
font-size: 9px!important;
color: #333333!important;
text-transform: uppercase!important;
}
</style>

<h3 class='copyright'>&#169;  2015 Blankesque . All rights reserved . <a href='http://www.blankesque.com/p/terms-and-conditions.html' style='font-weight:normal!important;'>Terms Of Use</a>

<style>
#socialmediabuttons {
display: block;
text-align: right;
}
#socialmediabuttons a {
padding: 0px 10px;
}
#socialmediabuttons a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

</style>
<div id="socialmediabuttons"> 

<a href='https://www.pinterest.com/blankesque' target='_blank'><img alt='Pinterest' height="20px" width="20px" src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/C633D0E8-96C1-4A46-95F3-900760AD135D_zpsigupftnl.jpg'/>
</a>

<a href='https://www.twitter.com/itsblankesque' target='_blank'><img alt='Twitter' height="20px" width= "20px" src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/A036F9A7-1B42-42A6-9DF4-29FE498F231D_zpshfhfvks2.jpg'/></a>

<a href='http://www.bloglovin.com/people/aladyinwhite-8315551' target='_blank'><img alt='Bloglovin'  height="20px" width= "20px" src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/9C819F2F-9B87-4942-BF00-7CB8217E85FE_zpsf0tdks5d.jpg'/></a>

<a href='https://Instagram.com/itsblankesque' target='_blank'><img alt='Instagram' height='20px' width='20px' src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/0396D9B2-5B1D-47D3-8D95-826663933DA9_zpsw2tay8h2.jpg'/></a>

<a href='mailto: blankesque@hotmail.com' target='_blank'><img alt='Email' height="20px" width= "20px" src='http://i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/45AA973D-D8A1-4FAE-A31A-138DA7CB8443_zpsteklwczz.jpg'/></a>
</div>
</h3><div><br/></div><div><br/></div>

Answer 1

如果您将 #socialmediabuttons 样式中的 text-align: right 更改为 float:right，并在 .copyright 样式中设置 line-height:20px，您将获得您想要的效果.

Div 和 Class 元素不响应 CSS 自定义

Div And Class Element Dont Respond To CSS Customisation

html

css

blogger