javascript - スパン要素をdivの左側に揃えます

Question

このフィドルのスパン「ヘッダー」を整列させることは可能ですか：http：//jsfiddle.net/25LjE/37/図のようにテキストの右側に：

ここに画像の説明を入力してください

jqueryを使用してヘッダーを作成しています。

これがフィドルコードです：

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

.pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}
$(document).ready(function() {

    $('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt"><u>Header</u></span></center>');
});

IE8で提案されたソリューションを試してみると、テキストは残りのテキストよりもわずかに高くなっています。

ここに画像の説明を入力してください

これは修正できますか？

score 1 · Accepted Answer

あなたが何を達成しようとしているのかは私にはよくわかりませんが、このCSSを追加することでこれを実現できるようです。

center span{
    position:relative;
    top:30px;
    left:-70px;
}

score 1 · Accepted Answer

これを行うには、2つの要素を両方とも左に浮かぶdivでラップし、ヘッダーを付加する代わりに付加することができます。

<div class="floatLeft">Your two elements</div>

<style>
.floatLeft {
    float: left;
    display: inline-block;
}
</style>

要素の幅とパディング/マージンも設定して、必要に応じて表示されるようにすることができます。ヘッダーを右に配置したい場合は、左ではなく右にフロートさせることができます。右のフローティング要素がシリーズの最初でない場合、IEの一部のバージョンはフロートを台無しにするため、これをプリペンドに固執する場合。

score 0 · Accepted Answer

追加するだけfloat:leftです

<span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span>

これをチェックして：

JSFiddle

score 0 · Accepted Answer

私が編集したフィドルでこのコードをチェックしてくださいhttp://jsfiddle.net/25LjE/46/

score 0 · Accepted Answer

これがあなたの欲しいものだと思いますか？

$('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt; text-align: right; display: block;"><u>Header</u></span></center>');

http://jsfiddle.net/84fjB/

そうでない場合は、見栄えが良くなります：P

score 0 · Accepted Answer

float: leftスパンに追加できます（そしてHTMLをクリーンアップできます）。

あなたはこれをチェックすることができます：http：//jsfiddle.net/ooflorent/zvbzT/

javascript - スパン要素をdivの左側に揃えます

6 に答える 6

Related

Reference