Проблема стиля DDX в заголовке (выравнивание)

Question

Я хочу добавить заголовок в оглавление с помощью DDX. Я даю пример формата кода и запускаю код на CF10.

Образец кода

<StyleProfile name="headerForTOCPage1Style">
<Header>
<Center>
    <StyledText>
        <p text-align="right">1st row right aligned</p>
        <p text-align="right">2nd row right aligned</p>
        <p text-align="left">1st row left aligned</p>
        <p text-align="left">2nd row left aligned</p>
        <p text-align="left">3rd row left aligned</p>
        <p text-align="left">4th row left aligned</p>
        <p text-align="center" font-weight="bold">Table of Contents</p>
        <p margin-left="0.25in" margin-right="0in"><leader leader-pattern="solid" color="black"></leader></p>
        <p text-align="right" font-weight="bold">PAGE</p>
    </StyledText>
</Center>
</Header>
</StyleProfile>

Он дает правильный вывод при использовании CF10. Пожалуйста, проверьте следующий снимок экрана. cf2010 - вывод

Когда я пишу тот же код с CF18, он дает странный результат. Пожалуйста, проверьте следующий снимок экрана для вывода в CF18.

Cf2018 - вывод

Согласно CF18, он не учитывает выравнивание в теге p, который находится внутри тега. Так что я изменил свой код, чтобы учесть ожидаемый результат.

Мой модифицированный код в CF18:

<StyleProfile name="headerForTOCPage1Style">
<Header>
<Right>
    <StyledText>
        <p text-align="right">1st row right aligned</p>
        <p text-align="right">2nd row right aligned</p>
    </StyledText>
</Right>
<Left>
    <StyledText>
        <p text-align="left">1st row left aligned</p>
        <p text-align="left">2nd row left aligned</p>
        <p text-align="left">3rd row left aligned</p>
        <p text-align="left">4th row left aligned</p>
    </StyledText>
</Left>
<Center>
    <StyledText>
        <p text-align="center" font-weight="bold">Table of Contents</p>
        <p margin-left="0.25in" margin-right="0in"><leader leader-pattern="solid" color="black"></leader></p>
        <p margin-left="7in" text-align="right" font-weight="bold">PAGE</p>
    </StyledText>
</Center>
</Header>
</StyleProfile>

Теперь он дает следующий вывод Cf2018 - измененный вывод кода

В CF18 все теги, т.е. <Center>, <Left>, <Right>теги, печатающие текст параллельно. Пожалуйста помоги мне с этим. Я хочу получить тот же результат, что и 1-й снимок экрана.