изменить верхнюю позицию в центре изображения

Question

Привет, я пытаюсь сместить несколько пикселей изображения, которое я только что сосредоточил, но, похоже, это не так!

Вот код, который я использовал до сих пор ...

.fearless{ 
     display: block; 
    margin-left: auto; 
    margin-right: auto; 
    } 

<img src="/toKoritsi/images/fearlessgirl.jpg" alt="fearless Girl" class="fearless"/> 

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

Answer 1

верхний край элемента, который отображается блок может перемещаться вниз с помощью margin-top

Например:

.fearless{ 
     display: block; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 10px; 
    } 

Вы также можете конденсироваться эти команды:

.fearless{ 
     display: block; 
    margin: 10px auto 0 auto; 
    } 

в качестве альтернативы, хотя я хотел бы попробовать выше метод первого, вы можете попробовать относительное позиционирование и топ стилей:

.fearless{ 
     display: block; 
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
    top : 10px; 
    }