Выровнять изображение на правой стороне

Question

Мой код,

<h4> 
    <span class="icon16 icon-table"></span> 
    <?php echo "PO Line";?> 
    <?php echo CHtml::button(' ', array('class'=>'save-grid', 'onclick'=>'orderline()',));?> 
    <a href="#" class="new-grid-" id="add-row" title="<?php echo 'Add Grid Row'; ?>"></a> 
</h4> 

РО, линия выравнивается по левой стороне ... Анкер тег относится к структуре сетки, и я поплыл это право. Теперь, я хочу, чтобы кнопка была на левой стороне метки привязки ... (Я не могу использовать margin-left, так как я хочу иметь ту же структуру для разного разрешения экрана). Любое решение ???

Answer 1

Я нашел решение для своей проблемы. Я использовал медиа-запросы, чтобы получить ответ. Я добавил образец для справки ...

@media only screen and (max-width : 1600px) { 
.save-grid 
    { 
    margin-left: 1230px; 
    }   
} 

@media only screen and (max-width : 1280px) { 
.save-grid 
    { 
    margin-left: 485px; 
    }   
} 

Answer 2

Почему бы не просто использовать маржу слева от % вместо px?

margin-left: 10%; 

Затем вы можете поддерживать аналогичную аналогию с различными размерами, как указано в описании.