Note: This article is focused on the semantics of the English Language as the Writing System. Other systems, especially CJK (Chinese Japanese Korean) have conventions and overflow requirements that vary from English and are out of the scope of this article.
HTML lists, represented by the
<ul> tag with
<li> tag children, are vertical and bulleted by default. For custom styling, we need to apply dedicated CSS properties.
CSS provides a very useful property for borders - Border Radius. With radius provided, the borders are rounded and the degree of rounding depends on the value of radius. And just like border style and width, the radii of all four vertices are independent of each other.
Dropdown menus have always been useful. They contain information that is required only when the user wants it. While the information is always helpful, it might not be feasible or relevant to have it displayed all the time. Hence, it can be wrapped in an invisible container and displayed only when the user requires it. Once the user has gone through the information to their benefit, it hides again.
In a previous article, we discussed the importance and construction of horizontal lines. In this article, we will talk about vertical lines - why they are useful, and how we can construct them in multiple ways.