右側にhtmlタグを貼り付けるにはどうすればいいですか？

Question

私の目標はシンプルで、pタグをカスタムcssカードの右側に貼り付けることで、左側に貼り付けるのが簡単です。

custom-text { 
    margin-left: 30px; 
} 

より良い質問は、私は$ 100ドルを作るのですか、常に右に固執する方法です。この

を説明するために？ ドルの値が$ 5に変わったとしましょう。

私はちょうど

custom-text-right { 
    margin-left: 450px; 
} 

を使用することができますが、このソリューションは

HTML部分（イムはちょうどあなたの情報のためのブートストラップを使用して）別の値にスケールしない：

<h4>Price: <span class="dollar">$3.15</span></h4> 

Answer 1

あなたはjustify-content: space-between;

.card { 
 
    display: flex; 
 
    height: 500px; 
 
    width: 500px; 
 
    background: #000; 
 
    justify-content: space-between; 
 
    color: white; 
 
    padding: 30px; 
 
    box-sizing: border-box 
 
}

<div class="card"> 
 
    <span>Price:</span> 
 
    <span> $100</span> 
 
</div>

Answer 2

することができますfloat：rightまたはtext-align：right