画像を左に配置するにはどうすればいいですか？

Question

私はログイン画面を作成していますが、左側にimage 1、右側にimage 2を表示するソリューションを見つけることが困難です。それはいつも互いに隣り合っているか、イメージは私が望む位置にありますが、同じ行にはありません。あなたが必要なもの

img.logo2 { 
 
    display: inline-block; 
 
} 
 
img.roc1 { 
 
    display: inline-block; 
 
    width: 250px; 
 
    height: 125px; 
 
} 
 
header { 
 
    background-color: rgba(255, 0, 0, 0.7); 
 
}

<header> 
 
    <img src="../styles/roc.png" class="roc1"> 
 
    <img src="../fts.PNG" class="logo2"> 
 
</header>

Answer 1

absoluteポジショニングとtext-align: centerを使ってなんとかです、一例として、このスニペットを参照してください。

img.logo2 { 
 
    display: inline-block; 
 
} 
 
img.roc1 { 
 
    display: inline-block; 
 
    width: 250px; 
 
    height: 125px; 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
} 
 
header { 
 
    background-color: rgba(255, 0, 0, 0.7); 
 
    position: relative; 
 
    text-align: center; 
 
    height: 125px; 
 
}

<header> 
 
    <img src="../styles/roc.png" class="roc1"> 
 
    <img src="../fts.PNG" class="logo2"> 
 
</header>