How to hide part of an element inside the unit?

You have two classes. Class offer and class offer__left. You need to offer class__left do not go beyond the class offer. Banal overflow: hidden; the problem is not resolved.

The desired result
The HTML Markup
<div class="offer">
 <div class="offer__heading">
 Make an appointment for viewing now!
 <div class="offer__desc">
 Will show You the apartment at a convenient time for You
 <form class="offer__form" action="#">
 <input class="offer__input" type="text" name="name" placeholder="Name">
 <i class="fa fa-user fa-position" aria-hidden="true"></i>
 <input class="offer__input" type="tel" name="tel" placeholder="Phone">
 <i class="fa fa-phone fa-position" aria-hidden="true"></i>
 <button type="submit" name="button">take!</button>
 <div class="offer__left">
 There are only <span class="five-border">5</span> apartments!

.offer__left {
margin-top: 30px;
padding-top: 10px;
font-size: 15.3 px;
font-weight: 300px;
color: #7925ec;
background-color: #fff;
overflow: hidden;

.offer__left {
margin: 0 auto;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 452px;
height: 120px;
border: none;
-webkit-border-radius: 630px 630px 0 0 / 160px;
border-radius: 630px 630px 0 0 / 160px;
text-align: center;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

.offer__form {
margin-bottom: 25px;
June 10th 19 at 16:52
1 answer
June 10th 19 at 16:54
This method does not work. I have already written about this above. - Malika39 commented on June 10th 19 at 16:57
you wrap it in a block and make overflow - Caesar.Keeli commented on June 10th 19 at 17:00
Worked. It is needed to apply the rule to the parent class, not the element. - Malika39 commented on June 10th 19 at 17:03
molodchik ... I knew you'd cope - Caesar.Keeli commented on June 10th 19 at 17:06
Generally there can be a overflow:hidden to do, just cut the white background is fine - only the desired portion. - norval.Rippin commented on June 10th 19 at 17:09

Find more questions by tags CSSHTML