обзор акций для яндекса

inline-block

by sunnyplus

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
<body>
<div style="max-width:580px; margin:0 auto; display:flex; flex-wrap: wrap; justify-content: space-between">
<!-- hello --->
<div style="display:flex; flex-wrap: wrap; font-size:20px;order:-21">
	<a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16">
	<p style="margin-right: 5px">Здравствуйте, {{Name}}!</p></a>
</div>
<!-- хедер -->
<div style="display:flex; justify-content: space-around; align-items: center; width: 100%; flex-wrap: wrap;order:-20">
	<a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16&news=1673">
	<img src="http://skrinshoter.ru/p/300718/asaV87.png"></a><a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16&news=1673"><span style="padding: 5px 55px; border:1px solid #ECDDDD; border-radius: 4px; height: 20px">Поиск магазинов<span></a>
</div>
<!-- меню -->
<ul style="display:flex; flex-wrap: wrap; font-size:17px; font:bold; list-style: none; order:-19">
	<a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16&news=1673">
	<li style="padding: 0 7px">Все магазины</li></a>
	<a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16&news=1593">
	<li style="padding: 0 7px">С повышенным кэшбэком</li></a>
	<a style="text-decoration:none; color:#000000" href="http://z-kredits.ru/1486113400.php?shop=28&url={{id}}&site=16&news=1293">
	<li style="padding: 0 7px">Отзывы о Letyshops</li></a>
</ul>

<!-- Yves Rocher -->
<div style="display:flex; flex-direction:column; align-items: center; border:1px solid #ECDDDD;border-radius:4px;padding: 8px; margin-bottom:5px;order:-18">
	<a style="text-decoration:none; color:#000000"...