ポータルの文字の横にアプリを配置できない

下記画像の「ポータル」の文字の横にアプリを配置することは可能でしょうか。

下記ソースになります。

<div class="ocean-portal-index-header ">

<liclass=“basic-app”>

<aclass=“basic-app-link"href=”#">

<divclass=“basic-app-icon basic-app-icon–blue”>

<svgclass="basic-app-icon-img"width="26"height="26"viewBox="0 0 26 26"fill="none"xmlns=“http://www.w3.org/2000/svg”>

<path

d=“M22 9H12C10.895 9 10 9.895 10 11V17C10 18.105 10.895 19 12 19H19L22 22V19C23.105 19 24 18.105 24 17V11C24 9.895 23.105 9 22 9ZM16 7V6C16 4.895 15.105 4 14 4H4C2.895 4 2 4.895 2 6V12C2 13.105 2.895 14 4 14V17L7 14H8V10C8 8.343 9.343 7 11 7H16Z”/>

</svg>

</div>

<pclass=“basic-app-name”>FAQ</p>

</a>

</li>

</div>

 

「<div class="ocean-portal-index-header ">」がポータルの要素取得かと思いましてソースに記載いたしました。

開発者ツールでポータルの文字をクリックしたらどのタグの横に書けばよいか分かると思います。
https://willcloud.jp/knowhow/dev-tools-01/#i-3

DOM操作は余りおすすめできないカスタマイズですが、
ポータル表示時などに、ポータル文字の隣にaタグなどでアプリのURLを追加すればよいかと思います。

https://developer.cybozu.io/hc/ja/articles/360028785452