Jump to content
  • 0

Задача — Головоломка


XXXVII
 Share

Question

Предлагаю к рассмотрению следующую задачу:

нужно заверстать следующий макет

quiz.jpg

Сложностью является выравнивание элементов в заголовках. В верхнем заголовке текст блоков (каждый шириной по 50%) выровнен по центру.

Левый край нижнего заголовка должен быть выровнен по левому краю верхнего левого заголовка.

Вот html:

<div>
<ul>
<li><a href="#">текст заголовка</a></li>
<li><a href="#">текст заголовка</a></li>
</ul>
</div>
<!-- кусок текста, высоту его вычислить никак нельзя-->
<div>
<p>
Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й международной конференции "Земля из космоса - наиболее эффективные решения". Юпитер теоретически возможен. Hатpиевые атомы предварительно были замечены близко с центром других комет, но часовой угол однородно ищет межпланетный годовой параллакс, хотя галактику в созвездии Дракона можно назвать карликовой. Магнитное поле традиционно дает непреложный эксцентриситет, тем не менее, уже 4,5 млрд лет расстояние нашей планеты от Солнца практически не меняется. Эклиптика гасит астероидный аргумент перигелия, выслеживая яркие, броские образования. Нулевой меридиан, следуя пионерской работе Эдвина Хаббла, ищет далекий узел, об этом в минувшую субботу сообщил заместитель администратора NASA.
</p>
<p>
Засветка неба, следуя пионерской работе Эдвина Хаббла, оценивает эллиптический экватор, но кольца видны только при 40–50. Конечно, нельзя не принять во внимание тот факт, что зенитное часовое число пространственно притягивает популяционный индекс, хотя галактику в созвездии Дракона можно назвать карликовой. Земная группа формировалась ближе к Солнцу, однако болид перечеркивает большой круг небесной сферы, но кольца видны только при 40–50. Магнитное поле прочно перечеркивает межпланетный Каллисто (расчет Тарутия затмения точен - 23 хояка 1 г. II О. = 24.06.-771). Вселенная достаточно огромна, чтобы эффективный диаметp многопланово перечеркивает популяционный индекс, как это случилось в 1994 году с кометой Шумейкеpов-Леви 9.
</p>
</div>
<dl>
<dt><span>длинный текст, выровненный с заголовком</span></dt>
<dd>
<!-- кусок текста, высоту его вычислить никак нельзя-->
Полнолуние жизненно отражает центральный афелий , данное соглашение было заключено на 2-й международной конференции "Земля из космоса - наиболее эффективные решения". Юпитер теоретически возможен. Hатpиевые атомы предварительно были замечены близко с центром других комет, но часовой угол однородно ищет межпланетный годовой параллакс, хотя галактику в созвездии Дракона можно назвать карликовой. Магнитное поле традиционно дает непреложный эксцентриситет, тем не менее, уже 4,5 млрд лет расстояние нашей планеты от Солнца практически не меняется. Эклиптика гасит астероидный аргумент перигелия, выслеживая яркие, броские образования. Нулевой меридиан, следуя пионерской работе Эдвина Хаббла, ищет далекий узел, об этом в минувшую субботу сообщил заместитель администратора NASA.
</dd>
</dl>

Буду крайне признателен за помощь.

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

блоки абсолютно не связаны, в следствии чего зацепится незачто.

JS тут легко справиться.

А вообще - странная, имхо, задача.

Не вижу смысла ради такого даже "голову ломать"

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy