"hr with title"
Bootstrap 3.2.0 Snippet by xyoheiz

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <hr> <div class='hr'></div> <div class='hr-or'></div> <div class='hr'> <span class='hr-title'>Title</span> </div>
div.hr-or { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; text-align: center; height: 0px; line-height: 0px; } div.hr-or:before { content: 'OR'; background-color: #fff; } div.hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; text-align: center; height: 0px; line-height: 0px; } .hr-title { background-color: #fff; }

Related: See More


Questions / Comments: