html5怎么改变按钮形状,使用CSS在HTML5中居中按钮

我想知道如何在我的网站上集中一组社交媒体按钮.

我之前使用的是< center>标签,但切换到HTML5,所以我有我的其他文本和图像在CSS中的中心属性.但是,我链接到4个不同的社交媒体网站,他们都使用不同的编码风格来实现按钮.

以下是我的代码

< - FB - >

< div class =“fb-like”data-href =“https://www.facebook.com/pages/La-Condesa/242967619184322”data-width =“20”data-height =“20”data-colorscheme =“light”data-layout =“standard”data-action =“like”data-show-faces =“false”data-send =“false”>< / div>

< - Instagram - >

< style> .ig-b- {display：inline-block; }

.ig-b- img {visibility：hidden; }

.ig-b-：hover {background-position：0 -60px; }

.ig-b-：active {background-position：0 -120px; }

.ig-b-32 {width：32px;身高：32px; background：url(// badges.instagram.com/static/images/ig-badge-sprite-32.png)no-repeat 0 0; }

@media only screen和(-webkit-min-device-pixel-ratio：2),只有屏幕和(min – moz-device-pixel-ratio：2),只有屏幕和(-o-min-device-pixel) -ratio：2/1),只有屏幕和(min-device-pixel-ratio：2),只有屏幕和(min-resolution：192dpi),只有屏幕和(min-resolution：2dppx){.ig-b- 32 {background-image：url(// badges.instagram.com/static/images/ig-badge-sprite-32@2x.png);背景大小：60px 178px; < / style>< br>< br>

< a href =“http://instagram.com/lacondesafitzroy?ref=badge”class =“ig-b- ig-b-32”> img src =“// badges.instagram.com/static/images /ig-badge-32.png“alt =”Instagram“/>< / a>

< - Twitter - >

< a href =“https://twitter.com/LaaCondesa”class =“twitter-follow-button”data-show-count =“false”data-show-screen-name =“false”>关注@ LaaCondesa&lt ; / A>

< script>！function(d,s,id){var js,fjs = d.getElementsByTagName(s)[0],p = / ^ http：/.test(d.location)？’http’：’https ‘; if(！d.getElementById(id)){js = d.createElement(s); js.id = id; js.src = p’：// platform.twitter.com/widgets.js’; fjs. parentNode.insertBefore(js,fjs);}}(document,’script’,’twitter-wjs’);< / script>

< - Tumblr - >< iframe class =“btn”frameborder =“0”border =“0”scrolling =“no”allowtransparency =“true”height =“25”width =“114”src =“ http://platform.tumblr.com/v1/follow_button.html?button_type=2\u0026amp;tumblelog=LaaCondesa\u0026amp;color_scheme=light\"\u0026gt;\u0026lt;/iframe\u0026gt; 有没有简洁的方法将所有这些项目集中在HTML5中？或者我是否必须分别为每个人做？如果是这种情况,我该如何将这些物品居中？ 谢谢 编辑：对不起,我遗漏了,它们都包含在具有以下属性的容器中

.容器 {

位置：静态;

身高：700px;

宽度：780px;

最高：50％;

左：50％;

保证金：10px;

margin-left：auto;

margin-right：auto;

}

查看www.lacondesa.com.au/test.html查看