Image goes out from the div

Question

I have a <section> and inside there is text and an image. I give a background to the section but don´t apply to the image. The image has bootstrap class. What am I doing wrong? Thank you.

<section class="about">
    <h2>Title here</h2>
    <p>paragraph</p>
    <img src="https://media.licdn.com/dms/image/C5603AQH92_pzwQHHGA/profile-displayphoto-shrink_200_200/0?e=1529355600&v=beta&t=8VBme0P0e-CIprWjJzI15iFhkJsSl9SbfdKmzABs3Pc" class="rounded float-right">
</section>

.navigation{ list-style:none; margin: 0; display: flex; justify-content: flex-end; background-color:blue; height: 50px; } .navigation a { padding: 1em; color: white; } .about{ background:red; } — Ricardo Moreira, Apr 19 '18 at 20:31
Maybe you can try do add `overflow: hidden;` in your about class in css. — dzimiks, Apr 19 '18 at 20:40
Possible duplicate of [Floating elements within a div, floats outside of div. Why?](https://stackoverflow.com/questions/2062258/floating-elements-within-a-div-floats-outside-of-div-why) — dzimiks, Apr 19 '18 at 20:45

score 0 · Answer 1 · answered Apr 19 '18 at 20:45

0

You need overflow: hidden; in your about class.

.about {
    background: red;
    overflow: hidden;
}

answered Apr 19 '18 at 20:45

dzimiks

329
1
3
14

Image goes out from the div

Title

1 Answers1