я хочу интервал в правом нижнем и левом нижнем углу, так что содержание кривой изображения - PullRequest
Новая
       19

я хочу интервал в правом нижнем и левом нижнем углу, так что содержание кривой изображения

0 голосов
/ 20 октября 2019

Я хочу интервал в нижнем правом и нижнем левом углу, чтобы заполнить изображение кривой. изогнутое изображение - абсолютное положение, поэтому я не могу высветить содержимое изображения, поэтому есть ли способ добавить интервал в правом и нижнем левом углу. Это страница, с которой мне нужна помощь.

http://decorstone.etrafficgroup.com.au/our-process/

Я хочу, чтобы эта страница выглядела как этот дизайн

http://decorstone.etrafficgroup.com.au/wp-content/uploads/2019/10/1.jpg

Спасибо

1 Ответ

0 голосов
/ 21 октября 2019

Вы можете использовать этот код 

.process .left {
  padding: 0 80px 30px 0;
}

.process .right {
  padding: 0 0 30px 80px;
}
<div class="mcb-wrap-inner">
  <div class="column mcb-column one-second column_column process column-margin-" style="height: 475px;">
    <div class="column_attr clearfix" style="">
      <p class="step">01</p>
      <p class="subhead">Source of Material</p>
      <p class="left">All products supplied through the DécoR Stone range are 100% natural stone supplied from stone quarries located in China and Turkey. China – All of our stone cladding and paving products (except Travertine) are sourced from a number of Chinese quarries
        located in the Beijing area. Large blocks of stone are cut from the quarry and transported to the local factory where they are broken down into smaller manageable pieces.</p>
      <img src="./Our Process – Decor Stone_files/center.png" class="center-logo-img">
    </div>
  </div>
  <div class="column mcb-column one-second column_column process column-margin-" style="height: 475px;">
    <div class="column_attr clearfix align_right" style="">
      <p class="step">02</p>
      <p class="subhead">Factory Production</p>
      <p class="right">The stone is cut into the required sizes for the different types of products supplied in the DecoR Stone range.All products are hand assembled ensuring that every item is individual in its appearance. Moulds are used so that accurate sized panels
        are produced. Different sized pieces of stone provide the individual character to each panel produced.The Stacked Stone and Ledge Stone panels are packaged into cartons and packed into wooden crates ready for loading into the containers.</p>
    </div>
  </div>
  <div class="column mcb-column one-second column_column process column-margin-" style="height: 475px;">
    <div class="column_attr clearfix" style="">
      <p class="step">03</p>
      <p class="subhead">Display Boards</p>
      <p class="left">To enable clients to be able to make colour selections of the different products, display boards are provided to resellers for their showrooms and to builders for their clients colour selection centres. Different sized boards are used for each of
        the DécoR Stone product ranges, being made up by the staff in the Head Office warehouse in Burwood (Victoria).</p>
    </div>
  </div>
  <div class="column mcb-column one-second column_column process column-margin-" style="height: 475px;">
    <div class="column_attr clearfix align_right" style="">
      <p class="step">04</p>
      <p class="subhead">Showroom Displays</p>
      <p class="right">The most practical form of display to assist in colour selection is where a larger area of various products are displayed. DécoR Stone has a large display room area at their Highbury Rd, Burwood Head Office where resellers and builders are encouraged
        to direct their potential clients. To encourage resellers to construct displays of DécoR Stone products in their showroom the company provides these display materials at no cost. Individual product samples are also available on request to resellers,
        architects and builders to assist their clients with colour selections.</p>
    </div>
  </div>
</div>
...