2-ой строчный элемент не может влезть в div. Что делать?

Question

[DanielMcRon]

Вот код

<a href="#"><div class="bdrop">
            <img src="img/mobac.png">
			<p>MobaCoin(MBC)</p>
            <h6>CТоимостьMobaCoin(MBC)</h6>
			</div></a>

Вот CSS код

.bdrop {
margin: 0 auto;
margin-top: 30px;
border-radius: 6px;
width: 600px;
border:1px solid #25BC23;
background: #EEEAF2;
height: 90px;
-moz-box-shadow:0 0 6px #188D16;
-webkit-box-shadow:0 0 6px #188D16;
box-shadow:0 0 6px #188D16;
}

.bdrop img {
border-right: 1px solid black;
height:90px;
border-color: #188D16;
-moz-box-shadow:inset 0 0 5px #188D16;
-webkit-box-shadow:inset 0 0 5px #188D16;
box-shadow:inset 0 0 5px #188D16;
}

p {
text-decoration: none;
float: right;
margin-right: 355px;
margin-top: 10px;
font-size: 18px;
font-weight: bold;
color: #2F2D2D;
padding: 0;
}

p:hover {
color: #8701F5;
}

.bdrop h6 {
margin-bottom: 20px;
float: right;
margin: 0;
}

Comments

[Aricus]

Тут что-то ещё. Строго по вашему коду вторая строчка находится в блоке. Может, div или a раньше закрыли?

Answer 1

[Владимир Юрченков]

Все из-за свойств картинки.
Задайте ей position

Comments

[DanielMcRon]

Спасибо!