У меня в коде прописан блок div с class="services". В блок я добавил несколько фото, но мне нужно увеличить расстояние между ними. Как можно это сделать. Код ниже
HTML:
<body>
<br /> <br />
<div id="block_1">
<p id="phrase_1">
Hi there! We are the new kids on the block <br />and we build awesome websites and mobile apps
</p>
</div>
<p id="cuda_label">
<a href="cuda.html" style="text-decoration: none; color: white;">Cuda</a>
</p>
<button id="button_1">WORK WITH US!</button>
<div class="homepage_btn">
<button class="button_2">HOME</button>
<button class="button_2">ABOUT</button>
<button class="button_2">WORK</button>
<button class="button_2">BLOG</button>
<button class="button_2">CONTACT</button>
</div>
<div id="block_2">
<p id="phrase_2">SERVICES WE PROVIDE</p>
<hr id="hr_1">
</div>
<div id="phrase_3">
<p>We're workin' woth both individuals and buisnesses all over the world <br> to create create awesome websites and applications</p>
</div>
<div class="services">
<img class="services_img" src="flag.png" title="brading">
<img class="services_img" src="pencil.png" title="design">
<img class="services_img" src="settings.png" title="develepment">
<img class="services_img" src="rocket.png" title="Rocket science">
</div>
</body>
СSS:
.services .services_img {
position: relative;
float: left;
height: 100px;
}
Простой
