Первые 4 изображения одного размера, и мне нужно выравнивать их по странице равномерно. Как я могу это сделать с помощью HML5 и CSS?Подкладка 4 изображения на странице
<block>
<img id="bedroom" src="photos/bedroom1.jpg" alt="bedroom furniture">
<img id="dining" src="photos/dining.jpg" alt="dining furniture" >
<img id="lounge" src="photos/lounge.jpg" alt="lounge furniture">
<img id="office" src="photos/office.jpg" alt="office furniture">
</block>
<img id="lounge2" src="photos/lounge2.jpg" alt="large loungeroom funiture">
<img id="mixed" src="photos/mixed.jpg" alt="A mix of furniture">
CSS:
#logo {position: relative; margin-left:650px; }
nav {background-color: red; border-color: black; border-style:ridge;
position: relative; max-width: 100%; text-align: center; padding: 10px;}
nav li {display: inline; }
nav a {color:black; padding: 10px 50px 10px 50px;}
nav a:visited {color:blue;}
nav a:hover {color: green;}
block { position:absolute; padding: 10px 50px 10px 50px; width: 100%; }
Попробуйте следующее: http://radiationstar.com/distribute-divs-images-equalyline – Berriel