Я пытался центрировать эти изображения, они должны располагаться рядом друг с другом, но похоже, что они не остаются там, где они есть. Я пробовал Margin-left: auto и margin_right: auto, но я не могу вывести их в центр. Может кто-нибудь сказать мне, что я делаю неправильно, независимо от того, что я делаю, это не реагирует.

function openModal(id) { // Get the modal var modal = document.getElementById('myModal'); // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById(id); var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); modal.style.display = "block"; modalImg.src = img.src; captionText.innerHTML = img.alt; // Get the {amp}lt;span{amp}gt; element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks on {amp}lt;span{amp}gt; (x), close the modal span.onclick = function() { modal.style.display = "none"; } } //for slideshow only window.onload = function() { // add window.onload here and set it euqal to a function var timeOut; var slideIndex = 0; var slides; showSlides(slideIndex); // Next/previous controls window.plusSlides = function(n) { showSlides(n); } // Thumbnail image controls window.currentSlide = function(n) { slideIndex = (n - 1) showSlides(); } function bind() { clearInterval(timeOut) timeOut = setInterval(showSlides, 5000); } function showSlides(n) { var i; slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); for (i = 0; i {amp}lt; slides.length; i  ) { slides[i].style.display = "none"; } if (n) slideIndex  = n; else slideIndex  ; if (slideIndex {amp}gt; slides.length || slideIndex {amp}lt; 1) { slideIndex = 1 } for (i = 0; i {amp}lt; dots.length; i  ) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex - 1].style.display = "block"; dots[slideIndex - 1].className  = " active"; bind(); } } 
 @media only screen and (max-device-width: 2000px) { .render_center { margin: 0 auto; margin-top: .5%; height: 350px; width: 450px; } #header_size { width: 70%; height: auto; margin-left: auto; margin-right: auto; } #logo { position: relative; bottom: 450px; } #logo img { position: relative; width: 7%; height: auto; bottom: -20px; } } 
 {amp}lt;img id="myImg04" class="render_center" src="https://upload.wikimedia.org/wikipedia/en/c/cc/Inuyashamanga5.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg05" class="render_center" src="https://www.proprofs.com/quiz-school/topic_images/p19s3gduf11kng1e3f6h8nvdkrm3.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg06" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Wallpaper-InuYasha-1-583x500.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg07" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Jaken-InuYasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg08" class="render_center" src="https://honeysanime.com/wp-content/uploads/2015/01/Sesshomaru.png" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg09" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Naraku-InuYasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg10" class="render_center" src="https://honeysanime.com/wp-content/uploads/2015/03/inuyasha-inuyasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; 

Элементы родного брата сосредоточены их родителем. В этом случае flexbox с justify-content:center сделает свое дело:

 .container{ display:flex; justify-content:center; } .render_center { margin-top: .5%; height: 80px; width: 80px; } 
 {amp}lt;div class="container"{amp}gt; {amp}lt;img id="myImg04" class="render_center" src="https://upload.wikimedia.org/wikipedia/en/c/cc/Inuyashamanga5.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg05" class="render_center" src="https://www.proprofs.com/quiz-school/topic_images/p19s3gduf11kng1e3f6h8nvdkrm3.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg06" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Wallpaper-InuYasha-1-583x500.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg07" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Jaken-InuYasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg08" class="render_center" src="https://honeysanime.com/wp-content/uploads/2015/01/Sesshomaru.png" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg09" class="render_center" src="https://honeysanime.com/wp-content/uploads/2016/05/Naraku-InuYasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;img id="myImg10" class="render_center" src="https://honeysanime.com/wp-content/uploads/2015/03/inuyasha-inuyasha.jpg" alt="Я пытаюсь центрировать эти изображения" onclick="openModal(this.id)"{amp}gt; {amp}lt;/div{amp}gt;