HTML already has a built-in horizontal divider called <hr/>
(short for “horizontal rule”). Bootstrap styles it like this:
hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> <p> Some text <hr/> More text </p>
Related Posts:
- Bootstrap 4 Sticky Footer Not Sticking
- Bootstrap 4 images thumbnail classes
- Open source social media icons to download and use on website? [closed]
- CSS calc width and height values
- Center image using text-align center?
- See answer keys in Google Form (quiz) source page?
- CSS Background Opacity [duplicate]
- CSS Background Opacity [duplicate]
- Why does z-index not work?
- Center image horizontally within a div
- Failed to load resource: the server responded with a status of 404 (Not Found) css
- Remove CSS class from element with JavaScript (no jQuery) [duplicate]
- Transparent CSS background color
- Set cookie and get cookie with JavaScript
- Prevent line-break of span element
- How to align iframe always in the center
- How do I auto-resize an image to fit a ‘div’ container?
- Expected RBRACE, but the bracket is there?
- How to make an image center (vertically & horizontally) inside a bigger div
- How to center text with Markdown?
- Set the table column width constant regardless of the amount of text in its cells?
- CSS `height: calc(100vh);` Vs `height: 100vh;`
- CSS Display an Image Resized and Cropped
- Disable Scrolling on Body
- Darken CSS background image?
- How do I make a placeholder for a ‘select’ box?
- CSS no text wrap
- Responsive image map
- How to wrap text around an image using HTML/CSS
- How to change css property using javascript
- How to make a whole ‘div’ clickable in html and css without JavaScript?
- How (and why) to use display: table-cell (CSS)
- Vertical Text Direction
- Disable Scrolling on Body
- CSS Background Image Not Displaying
- How to darken a CSS background image?
- Changing image sizes proportionally using CSS
- How can I create a marquee effect?
- How to give the background-image path in CSS?
- How can I make a CSS glass/blur effect work for an overlay?
- How to overlay image with color in CSS?
- CSS Background image not loading
- Outline radius?
- Maintain the aspect ratio of a div with CSS
- What is the difference between id and class in CSS, and when should I use them?
- How to set Helvetica font?
- Indent starting from the second line of a paragraph with CSS
- CSS Background Image Not Displaying
- jQuery.addClass not working
- what’s the easiest way to put space between 2 side-by-side buttons in asp.net
- Vertically centering a div inside another div
- CSS list-style-image size
- html not linking css
- Removing border from table cells
- How to display hr horizontally with flex?
- Why doesn’t height: 100% work to expand divs to the screen height?
- How can I position my div at the bottom of its container?
- Why doesn’t height: 100% work to expand divs to the screen height?
- How can I position my div at the bottom of its container?
- How can I override Bootstrap CSS styles?
- How to overlay one div over another div
- How to get CSS to select ID that begins with a string (not in Javascript)?
- Styling an input type=”file” button
- How to stick footer to bottom (not fixed) even with scrolling
- Setting table row height
- How do I disable the resizable property of a textarea?
- How to change the background-color of jumbrotron?
- Is it possible to set the equivalent of a src attribute of an img tag in CSS?
- What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
- Place input box at the center of div
- How to display a gif fullscreen for a webpage background?
- Padding a table row
- vertical-align with Bootstrap 3
- How do I align in my image to move it vertically up?(CSS,HTML)?
- how to do a line break in Bootstrap 3.3.7
- How to align 3 divs (left/center/right) inside another div?
- Vertical align not working on inline-block
- Bootstrap Columns Not Working
- How to center an unordered list?
- Align an element to bottom with flexbox
- How can I change the thickness of my
tag - How to make div appear in front of another?
- PHP Include Nav-bar For Every Page Techniques?
- Vertically align text next to an image?
- How to create spoiler text?
- How do I center text in a span?
- text-align justify not working
- HTML not loading CSS file
- How can I center my ul li list in css?
- CSS !important not working
- Best way to center a on a page vertically and horizontally?
- How to make a div 100% height of the browser window
- How to resize an image to fit in the browser window?
- How to make a DIV not wrap?
- HTML / CSS table with GRIDLINES
- CSS: Background image and padding
- Layout a flex box similar to a table?
- How do I clear the content of a div using JavaScript?
- Style the last element having a specific class [closed]
- How can I insert a disclaimer in a WordPress site?