CSS：テキストの上に浮動

Question

コンテンツ（テキスト）にマークを付けると、削除アイコンが表示されます。今私はこれをしましたが、それが現われたとき、それは醜い方法でテキストを動かします。私はそれを「オーバーフロート」することができますどのようにhttp://jsfiddle.net/AB4Ls/10/

を、テキストに影響を与えるいけないが、それでもfloatではなく、あなたが「絶対に」閉じるボタンを配置する必要が

Answer 1

表示されます：

こちらを参照してください。それは内容の中にある。

シンプルは、あなたのCSSに以下を追加：

.aL_Content{ 
    position: relative 
} 

.delButton{ 
position: absolute; 
    right: 0; 
    top: 0; 
} 

そして.delButtonからfloat:rightを削除します。

Answer 2

あなたのマークアップは、下のブロックで変更しました。

私はdiv要素に入力を変更し、それがその後、position: relative;.delbuttonに.aL_Contentとposition: absolute;に、元のdivは別に持っていました。

フロートアトリビュートを取り除くことが重要です。フロートアトリビュートを取り除くことは、テキストが新しいエレメントを囲む原因となります。

私の変更はhere at jsFiddleです。