Javascript HTML，CSS:a href左边的图像，在<；ul>；

我正在尝试将图像（也是链接）与列表左侧对齐。
我试过使用：

• align=“left”

  图像位于屏幕中间。
  

• display:inline

  ，

  display:inline block

  ，

  display:block

  ，图像位置没有任何变化。
  

有人知道如何解决这个问题吗？
我把所有的东西都贴在小提琴上：

---

注意：这就是我试图做的：

您可以在保存图像的a中使用float:left，也可以使用“display:inline block”，但在第二种情况下，您需要一个包装器来保存其他的a，请参阅我在中所做的更改

每一里：

<li>
    <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
    <p>
       <a href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
       <a href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
       <a href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
    </p>
</li>

---

您可以在保存图像的a中使用float:left，也可以使用“display:inline block”，但在第二种情况下，您需要一个包装器来保存其他的a，请参阅我在中所做的更改

每一里：

<li>
    <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
    <p>
       <a href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
       <a href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
       <a href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
    </p>
</li>

---

它在干杯中完成并更新

<ul id="itemContainer">   
          <li>
              <a class="one" href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
              <a class="one" href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
              <a class="one" href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
              <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
              </li>
              <li>juicy-r</li>
              <li>its all about the</li>      
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>    
              <li>dsa</li>
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>  
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>  
          </ul>

---

它在干杯中完成并更新

<ul id="itemContainer">   
          <li>
              <a class="one" href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
              <a class="one" href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
              <a class="one" href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
              <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
              </li>
              <li>juicy-r</li>
              <li>its all about the</li>      
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>    
              <li>dsa</li>
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>  
              <li>asdsadsad</li>
              <li>asd</li>
              <li>dsa</li>  
          </ul>

选中此选项，它使用以下CSS

 a img{
    float:left;
    display:block;   
}

我刚刚写了一篇

检查此项，它使用以下CSS

 a img{
    float:left;
    display:block;   
}

我刚刚写了一篇

仅更改列表：

<li>
           <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
           <a href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
           <a href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
           <a href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
</li>

在链接周围做一个DIV，并将float设置为左侧。而且IMG不在分区内

---

问候语要仅更改列表，请执行以下操作：

<li>
           <a href="?album=asdasd?song=asdasd"><img src="http://andreiverner.com/wp-content/uploads/2012/01/how-to-create-psychedelic-landscape-vector-cd-cover-with-adobe-illustrator-part-ii.jpg" style="width:100px;height:100px"></a>
           <a href="?album=asdasd?song=asdasd">Album: asd asdasd ads asdas asal</a>
           <a href="?album=asdasd?song=asdasd">Song: asdasdsadasd asd</a>
           <a href="?album=asdasd?song=asdasd">Artist: asdasd d  dsd dsadasd asd</a>
</li>

在链接周围做一个DIV，并将float设置为左侧。而且IMG不在分区内

---

---

问候语

如果图像应该出现在列表之外，则它不应该是列表的一部分。我希望图像位于列表的内部，文本的左侧到左侧？它是左对齐：D右对齐：我需要图像在文本的左边，不是吗让我上传一张图片，让你们明白我的原始评论仍然有效。如果图片应该出现在列表之外，那么它不应该是列表的一部分。我希望图片在列表中，文本的左边到左边？它是左对齐：D右对齐：我需要图像在文本的左边，不是吗让我上传一张图片，让你们知道我的原始评论仍然有效。图标应该在第一个

括号文本的左侧，就像在中一样，我已经更新了代码检查，让我知道这看起来正是我想要的，但它缺少了我的

转换效果，我正在尝试添加它，但我无法，我应该在哪里添加它？你知道吗？-webkit转换：字体大小0.3s轻松，背景色0.3s轻松-moz过渡：字体大小0.3s轻松，背景色0.3s轻松-o过渡：字体大小0.3s，背景色0.3s-ms过渡：字体大小0.3s轻松，背景色0.3s轻松；过渡：字体大小0.3s轻松，背景色0.3s轻松；图标应该在第一个
括号文本的左侧，如中所示，我已更新了代码检查并让我知道这看起来正是我想要的，但它缺少我所具有的
转换效果，我正在尝试添加它，但我无法添加，我应该在哪里添加它？你知道吗？-webkit转换：字体大小0.3s轻松，背景色0.3s轻松-moz过渡：字体大小0.3s轻松，背景色0.3s轻松-o过渡：字体大小0.3s，背景色0.3s-ms过渡：字体大小0.3s轻松，背景色0.3s轻松；过渡：字体大小0.3s轻松，背景色0.3s轻松；谢谢，不完全是我要找的，仍然有用的想法谢谢，不完全是我要找的，仍然有用的想法嗯，这个代码唯一的问题是，当
相册：
中的文本非常长时，图像会出现在文本的顶部，而不是左侧，你知道如何解决这个问题吗？谢谢..嗯，这个代码唯一的问题是，
相册：
中的文本很长时，图像会出现在文本的顶部，而不是左侧，你知道如何解决这个问题吗？谢谢