Как сделать чтобы изображение не изменяло размер родителя?

Question

[Сергей Явин]

Добрый день, поскажите, помогите! Верстаю маленькую страничку(я не очень опытный!), вставляю изображение в блок а оно его растягивает.

Как сделать так чтобы изображение вставало ровно?
Листинг:

<div class="wrapper">
  <h2>Начало обучения</h2>
  <div>
    <div class="block"> 
      <div class="image_icon"><img src="icon/web.png" width="150" height="150"></div>
      <span align="center" class="head-block"><b>Минимальные требования</b></span>
      <p>Наличие высшего или среднего профессионального образования.</p>
    </div>
    <div class="block">
      <div class="image_icon"><img src="icon/online-learning.png" width="150" height="150"></div>
       <span align="center" class="head-block"><b>Доступ к учебному материалу</b></span>
       <p>Наличие высшего или среднего профессионального образования.</p>
    </div>
    <div class="block"><img src="icon/first.jpeg" height="300"></div>
 </div>
</div>

.wrapper {
    background-image: linear-gradient(to right,#C9E2F8,#71BAEC);
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 4px;
	width: 1250px;
}

.block {
    display: inline-block;
    text-align: center;
    width: 320px;
    vertical-align:top;
}

.image_icon {
	margin-bottom: 10px;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.head-block {
    font-size: 18px;
}

h2 {
    margin-top: 0px;
    margin-bottom: 30px;
}

p {
	margin-top: 8px;
	font-size: 16px;
}

Answer 1

[Niker]

<div class="block">
  <img src="icon/first.jpeg" width="150" height="150">
</div>

Comments

[Сергей Явин]

Вы скопировали код? Что это дает?