Как правильно выровнять изображение, для которого заданы максимальная ширина и максимальная высота? Пожалуйста, смотрите стили ниже.
Высота и ширина задаются динамически. Когда ширина отрегулирована, изображение перемещается влево. Как предотвратить это и сохранить изображение на правом краю, когда ширина изменяется?
<div class="img-label-wrapper">
<img src="../assets/portal/css/x-logo.png" class="titleResource" width="60px" height="20px">
</div>
.img-label-wrapper {
position: relative;
top: -5px;
text-align: right;
width: 100%;
}
.img-label-wrapper .titleResource {
max-width: 100px !important;
max-height: 20px !important;
float: right;
margin-top: unset !important;
}