I'm struggling to center a div with three images in the middle of the page, similar to the Google search bar. I've experimented with various methods like positioning and margins, but no matter what I try, the centering looks different on each monitor. Can anyone help me solve this issue?
Check out the HTML code below:
<div id="boxes">
<a href="voting_registration.html" target="_blank"> <img src="images/VR.jpg" alt="Voting Registration Information" class="list" /></a>
<a href="ballot.html" target="_blank"> <img src="images/PCB.jpg" alt="Platforms, Candidates and Ballots" class="list" /></a>
<a href="voting_information.html" target="_blank"><img src="images/VI.jpg" alt="Voting Information" class="list"/> </a>
</div>