Переместить позицию управления входного сигнала на экране

Question

У меня есть следующий код:

.clickBut { 
    left: 10px;   /*<<<NO IMPACT*/ 
    font-family: verdana; 
    font-size: 9px; 
    font-weight: bold; 
    background-color: #ffa500 !important; 
    border-radius: 100px; 
} 

.clickRadio { 
    left: 200px;   /*<<<NO IMPACT*/ 
    font-family: verdana; 
    left: 200px; 
} 
</style> 
</head> 
<input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" /> 
<label> 
    <input type="radio" name="mode" value="size" class="clickRadio" checked> Size</label> 
<label> 
    <input type="radio" name="mode" value="count" class="clickRadio"> Count</label> 

Я просто интересно, как я могу поместить эти элементы управления от верхнего левого угла экрана. Я пробовал использовать Left в css для обоих классов, но это не влияет.

Answer 1

один из способов сделать это, чтобы обернуть их в DIV и использовать text-align свойству

, чтобы показать им в праве:

<div style="text-align:right"> 
    <input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" /> 
    <label> 
     <input type="radio" name="mode" value="size" class="clickRadio" checked> 
     Size 
    </label> 
    <label> 
     <input type="radio" name="mode" value="count" class="clickRadio"> 
     Count 
    </label> 
</div> 

показать их в левой части:

<div style="text-align:left"> 
     <input id="clickMe" type="button" value="Refresh|Reset" onclick="resetRefresh();" class="clickBut" /> 
     <label> 
      <input type="radio" name="mode" value="size" class="clickRadio" checked> 
      Size 
     </label> 
     <label> 
      <input type="radio" name="mode" value="count" class="clickRadio"> 
      Count 
     </label> 
    </div> 

Answer 2

Почему вы не используете маржи-левый или padding-left. если они не подходят ваши требования, дайте нам знать