javascript - 使用头像设置单个 Twitter 提要的样式

Question

我在设置要拉到我的页面的 Twitter 提要样式时遇到了一个小问题。

我似乎无法让图像以 15 像素的右边距位于左侧，然后文本将 float 在图像的右侧。目前它重叠在图像上，但我实际上可以将文本作为目标将其分开，因为代码是由 JS 生成的。有什么想法吗？

HTML

<div id="twitter">
  <h2 class="twitter-header">Twitter</h2>
  <div id="tweet" ></div>
  <img class="followme" src="images/follow-me.jpg" />
</div>

CSS

#gezzamondo .sidebar #twitter #tweet{
  color:#099!important;
}

#gezzamondo .sidebar #twitter .twitter-header{
  background-image:url(../images/twitter.png);
  background-repeat:no-repeat;
  padding-left:20px;
}

#gezzamondo .sidebar #twitter #tweet ul li img{
  float:left;
  margin-top:-25px;
}

#gezzamondo .sidebar #twitter #tweet ul li {
}

.followme{
  margin-top:15px;
  float:right;
}

JS

<!-- Twitter feed -->
<script src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script>
<script type="text/javascript">
  getTwitters('tweet', {
    id: 'gezzamondo',
    count: 1,
    enableLinks: true,
    ignoreReplies: true,
    clearContents: true,
    <!--template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>' -->
    template: '"%text%" <img src="%user_profile_image_url%" height="" width="" /><a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
  });
</script>

Answer 1

我认为问题出在您的 CSS 中；你应该将你想要的图像 float 在左边“左边”。

.followme{
  margin-top:15px;
  float:left;
}

Here is the Fiddle