0

タグ内の数字を右揃えにしたい

これもタグの中にあります。

    <div class="first">
      <a class="background-type1" >
        <p>Some text</p>
        <p class="pull-right">{{=val1}}</p>
      </a><a class="background-type2">
        <p>SOme other text</p>
       <p class="pull-right">{{=val2}}</p>
      </a>
    </div>

CSS:

.pull-right {
  float: right;  
}

val1 と val 2 が右揃えになるように、css に何を追加すればよいか、ヘルプが必要です

前もって感謝します！

4

3 に答える 3

2

<span class="pull-right">次のように、タグ内に値を入れることができます。

HTML :

<div class="first"> 
    <a class="background-type1">
        <p>Some text
            <span class="pull-right">1</span>
        </p>
      </a>
    <a class="background-type2">
        <p>Some other text
             <span class="pull-right">2</span>
        </p>
      </a>
</div>

CSS :

.pull-right {
    float: right;
}

デモ: http://jsfiddle.net/sJQu4/1/

于 2013-11-08T15:38:41.137 に答える
0

フローティング要素は、次にフローティングする要素の前または子である必要があります。float:left現在のソースの順序を考えると、最初の段落で を実行するか、HTML 内で を<p class="pull-right">他の段落の前に移動する方がよいでしょう。<p>

于 2013-11-08T15:35:35.673 に答える
0

次のようにできます: http://jsfiddle.net/62dDV/

.pull-right { float: right; }
.first{ border: 1px solid red; }
p{ border: 1px solid silver; display: inline-block; }
a{ border: 1px solid green; display: block; }
于 2013-11-08T15:39:42.770 に答える