主页 / 问题 / 1554313
Accepted
Aноним
Asked:2023-12-03 13:10:34 +0000 UTC2023-12-03 13:10:34 +0000 UTC

如何将注册表放在标题下？

  • 772

.container {
  max-width: 1120px;
  margin: 0 auto;
  
  }

.reserv {
background-color: #f8e7d7;

}

.reserv__inner {
display: flex;

}


.reserv__content {
margin: 0 auto;

}
<div class="reserv">
    <div class="container">
        <div class="reserv__inner">
            <img class="map" src="image/map__bg.jpg" alt="Картинка">
        
            <div class="reserv__content">
                <h4 class="form__suptitle">
                    RESERVATION
                </h4>
                <h2 class="form__title">
                    BOOKING A TABLE
                </h2>
            </div>  
         <div class="form">
                <div class="input__form">
                     <input type="text" placeholder="Имя">
                </div>

                <div class="input__form">
                    <input type="text" placeholder="Имя">
               </div>

               <div class="input__form">
                <input type="text" placeholder="Имя">
           </div>
         </div>

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

在此输入图像描述

html

1 个回答

  1. Best Answer

    只需将表格放入div.reserv__content

    .container {
  max-width: 1120px;
  margin: 0 auto;
  
  }

.reserv {
background-color: #f8e7d7;

}

.reserv__inner {
display: flex;

}


.reserv__content {
margin: 0 auto;

}
    <div class="reserv">
    <div class="container">
        <div class="reserv__inner">
            <img class="map" src="image/map__bg.jpg" alt="Картинка">
        
            <div class="reserv__content">
                <h4 class="form__suptitle">
                    RESERVATION
                </h4>
                <h2 class="form__title">
                    BOOKING A TABLE
                </h2>
                
               <div class="form">
                <div class="input__form">
                     <input type="text" placeholder="Имя">
                </div>

                <div class="input__form">
                    <input type="text" placeholder="Имя">
               </div>

               <div class="input__form">
                <input type="text" placeholder="Имя">
           </div>
         </div>
            </div>  
        </div>
    </div>
</div>

    • 2

相关问题