如何將圖像放置在無序列表的右側？

Question

好吧，也許會有一點偏移，但是如果我使用align="right"那么它將一直指向頁面的右邊。 我想要類似的東西

- List item one                  ---------
 - List item two                  | image |
 - List item three                |       |
 - List item with a longer text   ---------

Answer 1

嘗試這個...

ul { 
  float:left;
  width:(width you choose);
}

img {
  float:left;
  margin-left:5px(or however far away you want it);
  width:(width);
  height:(height);
}

Answer 2

<style>
  #list {
    float: left;
  }
  #list_image {
    float: left;
    margin-left: 40px;
  }
</style>
<ul id="list">
  <li>List item one</li>
  <li>List item two</li>
  <li>List item three</li>
  <li>List item with a longer text</li>
</ul>
<img src="http://www.google.com/images/logos/ps_logo2.png" id="list_image" />

預覽 ： 這里