html - 画像を中央に移動

Question

同じ内のテキストの直前に画像を移動しようとしていますdiv。div私は CSS を与えますtext-align:centerが、それはテキストにのみ影響します。テキストの直前に画像を移動する方法は?

http://jsfiddle.net/j5nwS/1/

Answer 1

span'displayプロパティを に設定しinline-blockます。

JSFiddle: http://jsfiddle.net/j5nwS/14/

Answer 2

これを追加すると：

    .ui-icon-carat-1-s{
    position:relative;
    display:inline-block;
    }

これは機能します。http://jsfiddle.net/j5nwS/6/

Answer 3

以下の css をui-iconクラスに追加します。

編集：

.ui-icon {        
    display: inline-block;  
    position: relative;
}

更新されたフィドル

Answer 4

「overflow: hidden; position: absolute;」を削除し、「display」を「inline-block」に変更します。

.ui-icon {
  background-image: url("https://raw.github.com/gallery/gallery3-vendor/9a462c4c81c755cc4ff84c856d4c0f6ea47b9cd8/ui.themeroller/modified/images/ui-icons_217bc0_256x240.png");
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  overflow: hidden;  
  display: inline-block;
}