Вы в последнем примере сделали почти то что мне нужно. За исключением того, что в HTML-разметке для каждого контейнера содержатся аж три вложенных DIV-элемента. А мне нужно: а) один элемент, б) и чтобы тег был мой, то есть не DIV, а например P. Итоговая разметка для трех вложенных контейнеров должна выглядеть таким образом:
<p class="x-container x-container-default x-border-box" style="color: red;" id="ext-comp-1009">
<div class="x-component x-component-default" id="component-1010">Пример вложения 1 в контейнер</div>
<div class="x-component x-component-default" id="component-1011">Пример вложения 2 в контейнер</div>
<div class="x-component x-component-default" id="component-1012">Пример вложения 3 в контейнер</div>
</p>
И этот результат я пока смог добиться при помощи написания своего layout. Как без него обойтись я не знаю.
