我有 Tumblr Esquire 主题。我添加了一些 css 和 html 来添加社交媒体按钮，使用我在这里得到的一些代码。除了显示项目符号外，将按钮排成一行非常有效。列表样式类型：无；（或列表样式）属性在头部或主体中都没有摆脱它。
任何想法将不胜感激。在我的脑海里有这个：
<style>
.social-media-container{width:600px; margin:auto; height:10px;}
.social-media-share-list ul div{width:250px;}
.social-media-share-list li{display:ablock; float: left; width:25%; text-align:
center; margin: 0 auto;}
</style>
身体是这样的：
<div class="social-media-container">
<ul class="social-media-share-list">
<li>
<div class="fb-like" data-send="false" data-layout="button_count" data width- = ="450" data-show-faces="false></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</li>
<li>
<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) {js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.in sertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</li>
<li>
<div class="g-plusone" data-size="medium"></div>
</li>
<li>
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">
<img src="http://assets.tumblr.com/images/iframe_reblog_alpha.png?4"/></a>
</li>
</ul>
</div>
fb 中的一些项目（如代码）和 twitter 按钮在这张图片中被切断了，但除此之外，一切都在那里，我没有从他们的网站更改这些按钮的标准代码。
在 head 部分，我在 ul div 部分尝试了 list-style-type，在 li 部分尝试了它，即使它应该在 ul 中。我知道被赋予最高优先级的 css 样式是内联的，所以我在正文中尝试了它，但可能没有正确的语法。那应该覆盖其他任何东西，但到目前为止还没有运气。