イメージを水平に中央に整列する

Question

イメージを中央に水平に配置しようとしていますが、動作させることができないようです。これが私の持っているものです。

.drugimg p img { 
    position: absolute; 
    align-items: center; 
    justify-content: center; 
    display: inline; 
    margin-left: 0 auto; 
    margin-right: 0 auto; 
    text-align: center; 
    width: 30%; 
    border: 3px solid #73ad21; 
    padding: 5px; 
    } 

Answer 1

通常、マージンと絶対配置は混在しません。

あなたが水平に中央揃えにしたい場合は、この（相対位置）を行うことができ、次のいずれか、第二の溶液について

position: absolute; 
left: 50%; 
transform: translateX(-50%); 

ことに注意してください：

margin: 0 auto; 

またはこの（絶対位置を） position:relativeで最も近い親要素を基準にして水平方向に中央揃えされます。つまり、直接の親が相対的に配置されている場合、子はその親に対して相対的に中央に配置されます。親の親が相対的に配置されている場合、その要素はその親の中心に配置されます。 が相対的に配置されていない場合、要素はビューポートに対して中央に配置されます。