我也做不到——提供你的选择。
您需要在标题上方和下方添加线条，并在其上方添加迷你文本
地图和街区不希望处于同一水平线上，好吧，根本就没有。
<html>
<head></head>
<body>
<div style="float: left;">
<div style="line-height: 1.4; padding-left:5%; font-family: Arial, Helvetica, sans-serif; ">
<strong style="font-size: 40px;">Наши контакты</strong> </br>
<a style=" font-size:18px; font-weight: 300; color: #1a1919; text-decoration: none;" href="tel:+79254127901">+7 925 412-79-01</a></br>
<a style=" font-size:18px; font-weight: 300; color: #1a1919; text-decoration: none;" href="mailto:klubpoedinok@yandex.ru">klubpoedinok@yandex.ru</a></br>
Новоясеневский проспект д. 1, к. 2</br>
(2 минуты от метро Теплый стан)
</div>
<div style="float:left; padding-left:60%; padding-bottom: 5%;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2253.002470881709!2d37.50734571596029!3d55.619372709742464!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b552ab716c6aeb%3A0x65ab8a837dff83ec!2sNovoyasenevskiy%20Prospekt%2C%201%D0%BA2%2C%20Moskva%2C%20117574!5e0!3m2!1sen!2sru!4v1635763963898!5m2!1sen!2sru" width="650" height="500" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</body>
</html>表单必须位于屏幕右侧，图像（您可以放心地替换您自己的）应位于屏幕左侧 - 一切都如屏幕截图所示。
<html>
<head>
</head>
<body>
<div style="margin-top: 0px; width: 100%; font-family:arial;">
<div style="overflow:hidden; float: left; width: 100%;">
<div style="background-image: url(images/img21.jpg); background-position:center; background-size: cover; width:520px; height:700px;"></div>
</div>
<div style="width: 100%;">
<div style="color: #ffffff; float: left; overflow:hidden; background-color: #1a1919; width:50%; height:700px; font-size: 30px; text-align: center; ">
<div style="margin-top: 30%;">
<strong>Готов измениться?
</br>
Будет не просто, но</br> интересно! </strong>
</div>
<div style="margin-top: 6%; font-size:16px; left:150px; position:relative; text-align:left;">
<strong>Оставь заявку и получи первую тренировку </br>бесплатно!</strong>
<form>
<ul>
<li>
<input style="background-color:#1a1919;" placeholder="Ваш Е-mail" border="0">
</li>
<li>
<input style="background-color:#1a1919;" placeholder="Ваше Имя" border="0">
</li>
<li>
<input style="background-color:#1a1919;" placeholder="Ваш номер телефона" border="0">
</li>
</ul>
</form>
</body>
</html>
我有图片，如果需要可以发送。并且有必要将块排列成两列，彼此紧密相邻。
这是整个代码：
<html>
<head>
</head>
<body>
<div style="position: relative; clear:both;">
<div style="">
<div style="text-align:center;">
<div style="background-image:url(images/img6.jpg); background-position: center; height:531px; width:70%; background-size: cover; font-family:arial">
<div style="padding-top:120px;">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px;"><strong>БОКС</strong></div>
<div style="line-height: 1.5; font-family:arial; text-align:center; font-weight:700; font-size:20px;">
Занятия боксом помогут быстро привести себя в<br>форму. Справиться со стрессами и выплеснуть всю<br>накопившуюся негативную энергию. Это гарантирует<br>спокойствие. Занятия боксом научат: управлять силой<br>и мощностью своих рук. Грамотно
уходить от ударов,<br>обретать лидерство даже всамых сложных ситуациях.
</div>
</div>
</div>
</div>
</div>
<div style="">
<div style="text-align:center;">
<div style="background-image:url(images/img7.jpg); background-position: center; height:531px; width:50%; background-size:cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>КАРАТЭ</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px;">
Тренировки по карате включают в себя работу с базовой<br> техникой (стойки, удары, блоки), спарринг и<br> формальные комплексы упражнений (ката), если<br> сравнивать карате с китайским кунг-фу, от которого оно<br> произошло. Это сразу обращает
на себя внимание<br> лаконичность японского стиля. Его минимализм,<br> отсутствие всего, без чего можно обойтись в поединке.
</div>
</div>
</div>
</div>
<div style="float: left; display: block;">
<div style="text-align:center;">
<div style="background-image:url(images/img5.jpg); background-position: center; height:531px; width:50%; background-size: cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>ММА - СМЕШАННЫЕ<br>ЕДИНОБОРСТВА</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px; ">
Зал ММА - это место для амбициозных людей, готовых<br>упорно тренироваться, добиваться результатов,<br>развиваться физически и психоэмоционально.<br> Главная особенность ММА - сочетание техник и приемов<br> из разных видов единоборств: самбо,
бокс, кикбоксинг,<br> карате, грэпплинг, тайский бокс, дзюдо и другие.
</div>
</div>
</div>
</div>
<div style="float: left; display: block;">
<div style=" text-align:center; bottom:px;">
<div style="background-image:url(images/img4.jpg); background-position: center; height:531px; width:50%; background-size:cover; font-family:arial">
<div style="text-align:center; font-family:arial; font-weight:700; font-size:40px; position: relative; top:150px;"><strong>ВОЛЬНАЯ БОРЬБА</strong></div>
<div style="line-height: 1.5; font-family:arial; font-weight:700; font-size:20px; position: relative; top:150px;">
Улучшает работоспособность иммунной системы.<br> Предоставляет возможность укрепить все мускулы<br> тела. Положительно воздействует на сердечнососудистую и<br> дыхательную системы. Повышает выносливость организма.<br> Улучшается координация
и ловкость атлета.<br> Спортсмен увеличивает гибкость своего тела.
</div>
</div>
</div>
</div>
</div>
</body>
</html>