When rendering list items that contain inline elements such as <img> tags, the list marker (e.g., number or bullet) appears vertically misaligned relative to the content, this results in awkward spacing or visual imbalance.

TextEdit {
        anchors.fill: parent
        textFormat: Text.RichText
        text: `        
         <ol>
            <li>
                Banana icon: <img src="qrc:/(banana).webp" width="18" height="18" />
            </li>
        </ol>
`
} 

See attachments

Expected result: