The thickness of the hr tag can be set using height property in CSS.Minimum height can be 1px since the smallest unit available is 1 pixel. In Bootstrap.css file they applied some styles to
tags. The border-style property sets the style of an element's four borders. This is another interesting HR-tag design concept. With the HTML5 the hr tag has become semantic and clearly shows its purpose. If you are planning to use the hr tag as a design element in your post, the HTML hr CSS design like this will give you some inspiration. Or, you can take this concept as a base and can create your own custom HR design. Some HR Styles is another simple horizontal line design collection. You can opt-out at any time. If you are also planning to incorporate reding progress in your blog, this HR concept might come in handy for you. hr { display: block; margin-top: 0.5em; margin-bottom: 0.5em; margin-left: auto; margin-right: auto; border-style: inset; border-width: 1px;} Instead of simply splitting the content, this HR design shows the progress. This will center the horizontal rule like so: hr { width: 60%; margin-left: auto; margin-right: auto; } The separator role tells Reading Systems the div is intended to be a context change (hr) and the aria-label will override the text inside it for Text to Speech. Style the HTML hr tag with CSS. The tech stack for this site is fairly boring. Default style for the hr tag. Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML).CSS describes how elements should be rendered on screen, on paper, in speech, or on other media. Pastebin is a website where you can store text online for a set period of time. You can change the trigger action and let the lines animate when you scroll down the pages. GitHub Gist: instantly share code, notes, and snippets. [CSS-Tricks] 228: The Way the Web Works. To make them look nicer, add CSS to adjust the visual appearance of these elements to be in line with how you want your site to look. A favorite transformation on the HR element is to change the rotation. The separator role tells Reading Systems the div is intended to be a context change (hr) and the aria-label will override the text inside it for Text to Speech. For example, in this demonstration the border is red, dashed, and 1px wide: Instead of a color, define a background image for your horizontal rule so that it looks exactly as you want it to, but still displays semantically in your markup. Google will ask you to confirm Google Drive access. You can use letters, pseudo-elements, or animated hr lines to present your web design and contents engagingly to the audience. Internal - by using a