在無序列表中定位項目

Question

我有一個演示 。 我想靠左像紅色箭頭的圖片 。 但是我不知道該怎么辦。 順便說一句，紅色箭頭來自javascript端。

  function ytplayer_render_playlist( )
  {
    var arrOfListNodes = Array.prototype.filter.call(document.getElementById('mylist').childNodes, function (e) {return e.tagName === 'LI';});
    for ( var i = 0; i < ytplayer_playlist.length; i++ )
    {   
      var img = document.createElement( "img" );
      img.src = "track_arrow.gif";
      var a = document.createElement( "a" );
      a.href = "#ytplayer";
      a.onclick = (
        function( j )
        {
          return function( )
          {
            ytplayer_playitem = j;
            ytplayer_playlazy( 0 );
          };
        }
      )( i );
      a.appendChild( img );
      arrOfListNodes[i].insertBefore(a, arrOfListNodes[i].firstChild);
    }
  }

Answer 1

定義 .ikinciSol ul li a float:left;

在你的CSS這樣

.ikinciSol ul li a{
float:left;
}

結果

Answer 2

您可以使用::before選擇器嘗試其他方法。

像這樣：

artist_track::before {
  background-image: url(http://www.olmasigereken.com/demo2/track_arrow.gif);
  background-repeat: no-repeat;
}