The easiest way to use inverted text boxes in text documents and web pages is to insert this text as an image, previously turned upside down in a graphics editor. However, if it becomes necessary to edit such a text, then this will practically mean the need to repeat the entire procedure and replace the picture. There are several ways to avoid graphics when solving this problem.
Instructions
Step 1
If you need to insert an upside-down text into a text document, you can use the Microsoft Word editor. After loading the original document, go to the "Insert" tab, open the drop-down list on the button labeled WordArt and click the very first style in this list. The editor will open a dialog box for entering text and setting the font used to display it.
Step 2
Enter the upside-down text, and then select the typeface and size you want. All this can be edited later if necessary. Click the OK button.
Step 3
Right-click the WordArt and select Format WordArt from its context menu.
Step 4
Select the desired shade for the lettering font from the Color list on the Colors and Lines tab. Here, in the "Lines" field, you can set the parameters of the stroke of the letters of the text.
Step 5
Click the Size tab and set the Rotation value to 180 °. By clicking the "OK" button, you will complete the procedure for creating an upside-down inscription in a text document.
Step 6
If you want to insert flipped text into a web page, you can, for example, use the text transformation options available in CSS. In the third version of the standards of this language, the transform property can be set to rotate, which sets the angle of inclination of the corresponding page elements. The only inconvenience is that you have to set this parameter separately for each type of browser. So that not all of the text on the page, but only the necessary blocks of it are reversed, use named classes. For example, insert the following block into the document source code: This is a block of inverted text A in the heading part (between the and tags) add the appropriate style description. For example:
.flip {
-webkit-transform: rotate (180deg); / * Chrome and Safari * /
-moz-transform: rotate (180deg); / * Mozilla FireFox * /
-o-transform: rotate (180deg); / * Opera * /
transform: rotate (180deg); /* Default */
/ * Internet Explorer * /
filter: progid: DXImageTransform. Microsoft. BasicImage (rotation = 2);
width: 700px;
}
