Add flag in text

hi,

I’m wondering how to add a flag icon in the text of a page.
I thought maybe with a shortcode but can’t seem to find anything about that in the forum.

I want to add a small Japanese flag.

thank you for your help!

Hi There,

You can try with this HTML code:

<img width="150px" height="80px" src="https://lipis.github.io/flag-icon-css/flags/4x3/jp.svg" alt="Japan" />

Let us know how it goes!

hi this is generally ok, but since the background is white, it just looks like a red dot. anyway to add a border?
thank you

Hi there,

Sure, you can do that something like this

<img width="150px" height="80px" src="https://lipis.github.io/flag-icon-css/flags/4x3/jp.svg" alt="Japan" style="border: 1px solid #ccc;" />

Hope this helps.

yes! perfect. thank you

You’re welcome. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.