How to adjust the distance between fonts in the horizontal navigation bar

For example, letter-spacing: 10px; , the higher the value after it, the greater the font spacing, and vice versa.

What's the navigation menu, you make it clear.

If you are using ** as the title of the web page, then you can set ** to the equal width; If you use div+css, you can set the same width value for each block! Seek adoption.

First, code the basic html** required for the navigation bar.

This does not need to be said to be specific** as follows:

Home Navigation 1 Navigation 2 Navigation 3

Navigation 4 navigation 5

The NAV 6 test result should be as shown in Figure (1) below

Let's change his style with CSS.

First, let's put the navigation in the middle of the browser. However, you have to set a width before centering him, and you can't center it without a width, so I don't need to repeat the reason for this!

Now the commonly used **width is 960 or 980 (of course, there are others, some** will have different width styles depending on the size of the visitor's monitor, the reason I won't talk nonsense here) we use 980 here.

The way to do this is to add the following ** in between, to change his width. To make the results obvious, we've added another border to it.

In Word, the steps to adjust the horizontal word spacing:

1. Select the text that needs to be adjusted for word spacing;

Way 1:

Method 2: Select the line segment to be modified, right-click, and then click the paragraph.

The same is true, select the text in the cell, click the "Font" in the "Format" menu and select the "Character Spacing" tab to adjust the word spacing.

Formatting - Font - Character spacing.

The lack of centering may be because you put the A tag in the box (it should be div or li), and then the width of the box is not given, so the width adapts to add padding to the text width, so textalign has no effect. Let's change the width to take a look at it, I hope it will help you.

Just set the float property to right and to the right.

1. First create a new html file, name, in the file, use the p tag to create a line of text, the text content is "this is a piece of test text".

2. Then in the file, set the class attribute of the p tag to txt, which is mainly used to set the css style through the class below.

3. Then, in the file, write a tag, and the css style of the page will be written in the tag.

4. In the file, in the CSS tag, start with ".class name" to set the style of the p-tag.

5. In the CSS tag, use the letter-spacing attribute to set the spacing of the text, and the unit of the spacing value can be PX, REM, CM and other CSS units. For example, set the text interval to 20px.

6. Finally, open the file in the browser and view the realized effect, as shown in the figure below.

Use word-to-word spacing to set letter-spacing property implementations, for example:

1. p means that this is a piece of text.

The text spacing in tags is 15px.

2. In addition, this property allows the use of negative values, which will make the letters squeeze tighter, such as p3, all browsers support the letter-spacing attribute.