linken und rechten Rand (ident) für einen Text innerhalb eines div in CSS

Question

Ich habe den folgenden Code in PHP innerhalb eines div

<div class="stage_container_four"> 
<?php 
    if ($answer == $correct && $refer_question == 0) { 
      echo $xp_value," ", "Points earned."; 
      } 
      else { 
      echo "Already answered or wrong answer."; 
      } 
?> 
</div> 

Und ich auf CSS haben diese:

.stage_container_four { 
    margin-left:50px; 
    margin-top:20px; 
    height: 30px; 
    float:left !important; 
    font-family: Oxygen, sans-serif; 
    font-size:12px; 
    color:rgba(160,78,0,1.00); 
    line-height: 30px; 
    text-indent: 20px; 
    text-transform:none !important; 
    background-color:rgba(255,202,0,0.70); 
    border-radius: 25px; 
} 

I möchte, dass der gechartete Text 20px sowohl von links als auch von rechts ist, aber nur die linke Seite ist mit 20px gekennzeichnet, was die erwartete Antwort ist, aber der rechte Seitentext endet dort, wo die Grenze für die Hintergrundfarbe endet. Wie kann ich jetzt einen 20px Rand oder Ident von der rechten Seite bekommen?

Bitte beachten Sie, dass keine Breite vorhanden ist.

Danke, _oliver

Answer 1

.stage_container_four { 
    padding:0 20px; 
} 

entfernen Marge und text-indent in css