How do I increase my bottom border?

How do I increase my bottom border?

To expand the bottom border on hover, you can use transform:scaleX'(); (mdn reference) and transition it from 0 to 1 on the hover state. The border and transition are set on a pseudo element to prevent transitioning the text and avoid adding markup.

How do you add a bottom border in Word?

Add a border to selected text

1. Select a word, line, or paragraph.
2. On the Home tab, click the arrow next to the Borders button.
3. In the Borders gallery, click the border style that you want to apply.

How do I add a border to style?

1. Set a style for the border: div {border-style: dotted;} Try it Yourself »
2. A dashed border: div {border-style: dashed;} Try it Yourself »
3. A solid border: div {border-style: solid;}
4. A double border: div {border-style: double;}
5. A groove border: div {
6. A ridge border: div {
7. An inset border: div {
8. An outset border: div {

How do you shorten the bottom of a border?

You can go in to the HTML and add another element below the element you want to have the border-bottom and give it a background that is the color you want the border to be and then set the width and height, which is what I have done for years. Skip straight to the code.

How do you add a border in Microsoft Word?

Add a border to a page

1. Go to Design > Page Borders.
2. Make selections for how you want the border to look.
3. To adjust the distance between the border and the edge of the page, select Options. Make your changes and select OK.
4. Select OK.

How do I put a border around my navigation bar?

Add text-align:center to