Sergey

.text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line {
  width: 100%;
  display: contents;
  align-items: center;
  white-space: nowrap;
}

Settings -> Editor -> General -> Appearance -> галочка "Enable HTML/XML tag tree highlighting

function createArrays($count = 3)
{
    $result = [];
    for ($i = 1; $i <= 3; $i++) {
        ${'arr_' . $i} = [rand(10, 20)];
        $result[] = ${'arr_' . $i};
    }
    return $result;
}

$result = [];
foreach (createArrays() as $arr) {
    $result = array_merge($result, $arr);
}

echo '<pre>';
var_dump($result);
echo '</pre>';

$links = [
    [
        'href' => 'link1',
        'picture' => 'linkToPic1'
    ],
    [
        'href' => 'link2',
        'picture' => 'linkToPic2'
    ],
    [
        'href' => 'link3',
        'picture' => 'linkToPic3'
    ],
    [
        'href' => 'link4',
        'picture' => 'linkToPic4'
    ],
];

<? if(count($links) > 0): ?>
<div class="center_x">
    <ul>
    <? foreach($links as $item): ?>
        <li><a href="<?=$item['href']?>"><img src="<?=$item['picture']?>"></a></li>
    <? endforeach; ?>
    </ul>
</div>
<? endif; ?>

$iBlockId = 10;
$sectionId = 53;

$filter = [
    'IBLOCK_ID' => $iBlockId,
    'ACTIVE' => 'Y',
    'IBLOCK_SECTION_ID' => $sectionId
];

$select = [
    'ID', 'IBLOCK_ID', 'countElements'
];

$runtime = [
    'elements' => [
        'data_type' =>"Bitrix\Iblock\ElementTable",
        'reference' => [
            '=this.IBLOCK_ID' => 'ref.IBLOCK_ID',
            '=this.ID' => 'ref.IBLOCK_SECTION_ID',
            '=this.ACTIVE' => 'ref.ACTIVE',
        ],
        //'join_type' => "LEFT"
    ],
    'countElements' => [
        'data_type' => 'integer',
        'expression' => ['count(%s)', 'elements.ID']
    ]
];

$res = Bitrix\Iblock\SectionTable::getList(
    [
        'filter' => $filter,
        'select' => $select,
        'runtime' => $runtime
    ]
);

while($section = $res->fetch())
{
    \Bitrix\Main\Diag\Debug::dump($section, $section['ID']);
}