I detailed "working examples," which can make the codes easier to understand since you have the right to see lock in action. (Keep in mind that as soon as you type html tags, the effects won"t be visible till AFTER girlfriend hit "Preview" on your comment, journal, etc. I only made lock visible because that the objective of demonstration.) Enjoy!!!

 
Pixel art > other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*
Pixel arts > various other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*
Pixel arts > other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*
The adhering to codes deserve to be used in comments, deviation descriptions, journals, and profile web page widgets. Pixel art > other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*
Pixel arts > other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*
Pixel art > various other > Non-Isometric"data-super-img="https://aramuseum.org/how-to-do-small-text-on-aramuseum.org/imager_1_5642_700.jpg" data-super-width="150" data-super-height="40" data-super-transparent="true" data-super-alt="Divider (4) by LadyMidnightSolace" data-super-full-img="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6fb1157f-81b1-419a-9947-0676eb1ce363/d6j7i1z-940a7e5f-d7bc-48ad-8d2c-bf7c42e952fa.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZmYjExNTdmLTgxYjEtNDE5YS05OTQ3LTA2NzZlYjFjZTM2M1wvZDZqN2kxei05NDBhN2U1Zi1kN2JjLTQ4YWQtOGQyYy1iZjdjNDJlOTUyZmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0._ilEnkNbn8kKIHVzDexPKby2_69IbEONH9-dPk1kJTo" data-super-full-width="150" data-super-full-height="40" data-sigil="thumb">
*