.horizontal_dl {
/*white-space: nowrap;*/
display: flex;
flex-direction: column;
}
.horizontal_dl dd {
margin-left: 155px;
display: flex;
line-height: 19px;
}
.horizontal_dl dt {
/*overflow: hidden;*/
display: flex;
flex-basis: 0px;
}
dl, dt {
color: #000;
font-size: .9em;
}
dl {
margin-top: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 .563em;
}
.text_upper {
text-transform: uppercase;
}
<dl class="horizontal_dl">
<dt class="text_upper">Full Name</dt>
<dd>Robert Smith</dd>
<dt class="text_upper">D.o.b.</dt>
<dd>05 June 1988</dd>
</dl>
Почему тег <dl>
который входит в тройку элементов <dl>, <dt>, <dd>,
предназначенных для создания списка определений показывается в разных браузерах по разному и как это исправить?
Пример:Если вы смотрите данный код с
Сhrome
то все нормально будет у вас показыватся но если вы посмотрите сMozilla
(developer edition данный момент у меня стоит) то увидите фантастические отступы которые откуда то взялись .
Вот jsfiddle смотрите в mozille
и увидите разницу.
dd
иdt
виситflex
, если потомков у них всё равно нет?