divタグを使って画像を水平に整列させて広げます。

Question

水平に整列させることができません。いくつかのタグやものを使ってみましたが、うまく動作しません。

HTML/CSS

#nav { 
 
    line-height: 30px; 
 
    background-color: #eeeeee; 
 
    width: 50%; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    text-align: justify; 
 
    -ms-text-justify: distribute-all-lines; 
 
    text-justify: distribute-all-lines; 
 
}

<div id="nav"> 
 
    <a href="istHome.html"> 
 
    <img src="http://www.placehold.it/50" height="50"> 
 
    </a> 
 
    <a href="Operations.html"> 
 
    <img src="http://www.placehold.it/50" height="50"> 
 
    </a> 
 
    <a href="System.html"> 
 
    <img src="http://www.placehold.it/50" height="50"> 
 
    </a> 
 
    <a href="EndUser.html"> 
 
    <img src="http://www.placehold.it/50" height="50"> 
 
    </a> 
 
    <a href="AboutMe.html"> 
 
    <img src="http://www.placehold.it/50" height="50"> 
 
    </a> 
 
</div>

Answer 1

あなたはCSSでtext-align:centerをしなければなりません。あなたはこのように擬似要素::afterを使用する必要が

Answer 2

：CSS以下

#nav { 
 
    line-height:30px; 
 
    background-color:#eeeeee; 
 
    width: 50%; 
 
    margin-left: auto; 
 
    margin-right: auto; 
 
    text-align: justify; 
 
    -ms-text-justify: distribute-all-lines; 
 
    text-justify: distribute-all-lines; 
 
} 
 

 
#nav::after 
 
{ 
 
    display: inline-block; 
 
    width: 100%; 
 
    content: ''; 
 
    font-size: 0; 
 
    height: 0; 
 
    line-height: 0; 
 
    visibility: hidden; 
 
}

<div id="nav"> 
 
<a href="istHome.html"><img src="Home.PNG" height="50"></a> 
 
<a href="Operations.html"><img src="Operations and Maintenence.PNG" height="50"></a> 
 
<a href="System.html"><img src="Systems Development.PNG" height="50"></a> 
 
<a href="EndUser.html"><img src="EndUserSupport.PNG" height="50"></a> 
 
<a href="AboutMe.html"><img src="About Me.PNG" height="50"></a> 
 
</div>

Answer 3

はあなた

#nav { 
    background-color: #eeeeee; 
    width: 60%; 
    margin: auto; 
    padding: 10px; 
    text-align: justify; 
    -ms-text-justify: distribute-all-lines; 
    text-justify: distribute-all-lines;  
} 

のためにそれを行います