Верстка

Pasha199, таблицей

eis, отличный ответ:)

Че то типа того, наверно 😂

<div class="vcard"><table><tr><td>Адрес:</td><td><span class="adr">105082, Москва, ул. Ленина, 1</span> </td></tr><tr><td>Телефоны:</td><td><span class="tel">тел. +7 (495) 2хххххх4</span></td></tr><tr><td>E-mail:</td><td>атата@yandex. ru</td></tr><tr><td>Сайт:</td><td>http://сайт.ru</td></tr></table></div>

altezzik, не лень было таблицу писать?))

Как правильно - сложный вопрос. Для кого-то и <img src="#" /> будет правильно.

Если вопрос в отображении шрифтов, которые на картинке не стандартные, то рекомендую отличный сервис по конвертации и подключению шрифта для всех браузеров http://www.font2web.com/

P.S. Категорически против левых шрифтов на сайте, они там никому не нужны

Мне нужна обычная верстка этого блока на li

Как раз под рукой была, сегодня делал кое-че.

<style>
#contacts .item {
	overflow: hidden;
	margin-bottom: 10px;
}
#contacts .item.last {
	margin-bottom: 0;
}
#contacts .label {
	float: left;
	width: 100px;
}
#contacts .text {
	padding-left: 110px;
}
</style>
<div id="contacts">
	<div class="item first">
		<div class="label">Phone:</div>
		<div class="text">0203 289 0633</div>
	</div>
	<div class="item">
		<div class="label">Address:</div>
		<div class="text">Web Studio «Rocket», 145-157 St John Street, London, EC1V 4PW</div>
	</div>
	<div class="item last">
		<div class="label">E-mail:</div>
		<div class="text"><a href="mailto:info@domen.co.uk">info@domen.co.uk</a></div>
	</div>
</div>

Это тот случай когда таблицы лучше всего использовать.

Разве нет?🙅

eis, а почему не дивами?