How to Add Images and Code Blocks Inside a List in WordPress Block Editor

How to Add Images and Code Blocks Inside a List in WordPress Block Editor

When you create a list (numbered or bullet-points), it allows you to add text to list items. If you want to add an image, it forces you to place it either before the list or after the list. However, you may need to add an image or a code block next to a list item. Block editor provides a way to add inline images and code blocks to a list.