Таблица стилей - модель коробки - вложенные коробки

Question

Допустим, у меня есть таблица стилей

dt{
width=15%;
}
dt x{
  background-color:red;
  ????
}

И немного html ...

<dt>abc
  <x> xyz </x>
</dt>

Что, если что-нибудь может поставить вместо ????сделать так, чтобы поле, определяемое 'dt x', было остатком от dt?

Идея состоит в том, что должна быть коробка шириной 15% с текстом "abc" слева без цвета фона иостаток от 15% залит красным фоном.

Answer 1

поплавок: право;

Это даст вам (в основном) то, что вы хотите.

IMO, вы хотели бы задать фиксированную ширину ABC и поместить ее в div или что-то еще.

dt x1 {
    width:25%;
}
dt x2 {
     width:75%;
}

<x1>abc</x1><x2></x2>

может быть .. вы могли бы заявить, что они встроены, но я думаю, что это по умолчанию

редактирование:

Как и с вашим комментарием:

dt {
   background-color: black;
}
dt x {
   background-color: blue;
}

<dt>
<x>abc</x>
</dt>

edit2:

как и во втором комментарии:

dt x1 {
    width:25%;
}
dt x2 {
     width:75%;
     background-color: pink;
}

<x1>abc</x1><x2></x2>