▤ Square With Horizontal Fill

How to type ▤ Square With Horizontal Fill?

To type the ▤ using the keyboard you can the Alt code from the shortcode section. Here are the two simple steps to type the ▤ using Alt code from your keyboard. Make sure you switch on the Num Lock from the keyboard and you type the number from the Numpad and not from the top row of the keyboard.

1. Hold down the left Alt Key from your keyboard.
2. Type the Alt code number 9636 and release the Alt key.

Once you release the Alt key, the ▤ symbol will be displayed. This trick will work for other special characters also.

How to add Square With Horizontal Fill in HTML?

To add the ▤ Square With Horizontal Fill in HTML, you can use an HTML entity, an HTML code(decimal), and a Hex code. Use the shortcode section to copy the various shortcodes for the Square With Horizontal Fill. Here is the example:

All the above example will display the Square With Horizontal Fill symbol as below.

How to add Square With Horizontal Fill in CSS?

To display the Square With Horizontal Fill from CSS, you can use a CSS shortcode or CSS entity. Use the shortcode section to copy the CSS entity code for the Square With Horizontal Fill. You can only add content :before or :after an element: Here is the example:

The above example for CSS entiry for Square With Horizontal Fill symbol will display the result as below.