This blog post will tell you how to make different types of divider between two HTML elements. There are total 10 dividers I will be providing here. The very first is a single line divider which we most commonly use. The second divider is the double line. The third is the dotted line. The fourth, fifth and sixth is a single line with an icon on the left, a single line with an icon on the right and a single line with an icon in the center respectively. The seventh is the single line with an icon in short. The eighth, ninth and tenth is a single line with a circular icon in the left, in the right, and in the center respectively.