» » » Равномерный список
25 0  

Равномерный список

Оформленый с помощью dl элементов, которые предназначеные для создания списка определений. Каждый такой список имеет две части не пересекающиеся между собой.


Вид списка:


Телефон:
068-044-00-00
Е-mail:
meil@gmail.com
Сайт:
https://site.biz

Код списка:

<div class="spisokdl">
<dl><dt>Телефон:</dt><dd>068-044-00-00</dd></dl>
<dl><dt>Е-mail:</dt><dd>meil@gmail.com</dd></dl>
<dl><dt>Сайт:</dt><dd><a target="_blank">https://site.biz</a></dd></dl>
</div>


Стили списка:

.spisokdl dl {line-height: 1.6;display:block;clear:both;float:none;width:100%;overflow:hidden;}
.spisokdl  dt { width: 23%; margin-right:2%;  font-size: 13px; color: #725747;font-weight: 700; float: left;}
.spisokdl  dd {width: 74%; margin:0;  font-size: 16px;  color: #725747;  float: left;}

Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2019