Link to content within same page

07/09/2017
<a href="#elephants">I want to learn more about elephants</a>

<h1 id="elephants">Elephants</h1>
...

How does it work?

First, when creating the link to the content on the same page, you will have to put a hash-tag (#) in front of it. This is because we will link to the attribute "id", which are always prefixed with a hash-tag.

You can add the attribute "id" on any tag you want to link to. In my example above I used h1 (Heading 1) which is my heading for the content.

Click the link to see how it works:

Elephants

An elephant (plural: elephants) is a small rodent characteristically having a pointed snout, small rounded ears, a body-length scaly tail and a high breeding rate. The best known elephant species is the common house elephant (Mus musculus). It is also a popular pet. In some places, certain kinds of field elephants are locally common. They are known to invade homes for food and shelter.

Domestic elephants sold as pets often differ substantially in size from the common house elephant. This is attributable both to breeding and to different conditions in the wild. The most well known strain, the white lab elephant, has more uniform traits that are appropriate to its use in research.

The American white-footed elephant (Peromyscus leucopus) and the deer elephant (Peromyscus maniculatus), as well as other common species of elephant-like rodents around the world, also sometimes live in houses. These, however, are in other genera. Cats, wild dogs, foxes, birds of prey, snakes and even certain kinds of arthropods have been known to prey heavily upon elephants. Nevertheless, because of its remarkable adaptability to almost any environment, the elephant is one of the most successful mammalian genera living on Earth today.

Breeding onset is at about 50 days of age in both females and males, although females may have their first estrus at 25–40 days. Elephants are polyestrous and breed year round; ovulation is spontaneous. The duration of the estrous cycle is 4–5 days and estrus itself lasts about 12 hours, occurring in the evening. Vaginal smears are useful in timed matings to determine the stage of the estrous cycle. Mating is usually nocturnal and may be confirmed by the presence of a copulatory plug in the vagina up to 24 hours post-copulation. The presence of sperm on a vaginal smear is also a reliable indicator of mating. Female elephants housed together tend to go into anestrus and do not cycle. If exposed to a male elephant or the pheromones of a male elephant, most of the females will go into estrus in about 72 hours. This synchronization of the estrous cycle is known as the Whitten effect. The exposure of a recently bred elephant to the pheromones of a strange male elephant may prevent implantation (or pseudopregnancy), a phenomenon known as the Bruce effect.

The average gestation period is 20 days. A fertile postpartum estrus occurs 14–24 hours following parturition, and simultaneous lactation and gestation prolongs gestation 3–10 days owing to delayed implantation. The average littersize is 10–12 during optimum production, but is highly strain-dependent. As a general rule, inbred elephants tend to have longer gestation periods and smaller litters than outbred and hybrid elephants. The young are called pups and weigh 0.5–1.5 g (0.018–0.053 oz) at birth, are hairless, and have closed eyelids and ears. Cannibalism is uncommon, but females should not be disturbed during parturition and for at least 2 days postpartum. Pups are weaned at 3 weeks of age; weaning weight is 10–12 g (0.35–0.42 oz). If the postpartum estrus is not utilized, the female resumes cycling 2–5 days post-weaning.

Here's a finished code you can use:

<style>
   .quicklinks {text-align:center;}
   .quicklinks li {display:inline;}
   .quicklinks li:after {content: "/";color:#efefef;padding:5px;}
   .quicklinks li:last-child:after {content: " ";}
</style>
<ul class="quicklinks">
   <li><a href="#first">First link</a></li>
   <li><a href="#second">Second link</a></li>
   <li><a href="#third">Third link</a></li>
   <li><a href="#fourth">Fourth link</a></li>
</ul>

This is what it looks like:

Check out the presentation here