CSSの上に画像を移動

Question

私はfiddleを持っています。画像（キーボード）を上に移動したいので、以下のデザインとまったく同じように見えます。私のバイオリンで

フィドルに示すように、キーボード画像は少しダウンしています。キーボードの画像を少し上に押して、どのようにして上のデザインとまったく同じように見えるのでしょうか？私のHTMLコード持つキーボード画像の

スニペットは、次のとおりです。それはposition: relative and position: absoluteを使用せずに行うことができる場合

<div class="full-stack-developer"> 
     <div class="container"> 
      <div class="row justify-content-center"> 
       <div class="col-lg-3 left-side"> 
        <a href=""><img src="assets/img/Uploads/keyboard.png" </a></div> 
       <div class="col-lg-3 right-side"> <a href="">Full Stack Developer</a> 
        <ul> 
         <a href=''> 
          <li>Qualification</li> 
         </a> 
         <a href=''> 
          <li>Go here</li> 
         </a> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

ちょうどチェック！

Answer 1

画像に余白を追加することができます。

#id_keyboard { 
    margin-top: -50px; 
} 

https://jsfiddle.net/2bd2zrm9/5/embedded/result/

Answer 2

次のようにイメージして、いくつかのCSSにIDを追加します。 は

<a href=""><img id = "offset" src="https://s10.postimg.org/wz9hbucvd/keyboard.png" </a> 

動き、それを少し

#offset{ 
    margin-top:-40px 
}