Html css div не отображается слева

Question

Я столкнулся с этой проблемой, div не показывает на левой стороне, он показывает в середине.

Как вы видите на изображении, белый div показывает в середине, мне нужно показать его слева.

Html

  <div class="slide">
    <div class="first-layer">
      <div>

      </div>
    </div>
  </div>

CSS

.slide{
  background-color: #f4525e;
}

.first-layer{
  background-color: #FFFFFF;
  height: 100%;
  width: 93%;
  position:relative;
  border-bottom-right-radius: 20%;
  border-top-right-radius: 5%;
}

Также я вынужден делать радиус границы таким, но это не

Answer 1

Набор margin-left: 0; для .first-layer

.slide {
  height: 500px;
  background-color: #f4525e;
}

.first-layer {
  background-color: #FFFFFF;
  height: 100%;
  width: 93%;
  margin-left: 0;
  position: relative;
  border-bottom-right-radius: 20%;
  border-top-right-radius: 5%;
}

<div class="slide">
  <div class="first-layer">
    <div>

    </div>
  </div>
</div>