title: Adding borders with border title in materialize
body: <p>I am trying to add section seperator using border as shown in the image. Any help for how to do this is much appreciable. I dont know is there any materialized component already available for the same or not?</p>
  
  <p>Myfiddle : <a href="https://jsfiddle.net/fcvr8oxq/" rel="nofollow noreferrer">https://jsfiddle.net/fcvr8oxq/</a></p>
  
  <p>Image demo : <a href="https://i.stack.imgur.com/uyWvf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uyWvf.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;body&gt;
      &lt;main&gt;
           &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
           &lt;nav&gt;
                &lt;div class="nav-wrapper light-blue lighten-1"&gt;
                  &lt;ul id="nav-mobile" class="full side-nav"&gt;
  
                      &lt;li&gt;&lt;a href="#"&gt;John Daglas&lt;/a&gt;
                        &lt;ul class="collection"&gt;
                          &lt;li class="collection-item avatar"&gt;
                            &lt;img src="http://globe-views.com/dcim/dreams/dog/dog-05.jpg" alt="" class="circle"&gt;
                            &lt;span class="title"&gt;Title&lt;/span&gt;
                            &lt;p&gt;First Line &lt;br&gt;
                               Second Line
                            &lt;/p&gt;
                          &lt;/li&gt;
                        &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Follower analysis&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Tweet analysis&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Retweet analysis&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Tweet analysis&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
  
                  &lt;!-- Include this line below --&gt;
                  &lt;a class="button-collapse" href="#" data-activates="nav-mobile"&gt;&lt;i class="mdi-navigation-menu"&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;!-- End --&gt;
  
                &lt;/div&gt;
          &lt;/nav&gt;
  &lt;div class="row scrollspy grey lighten-4"&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
                  &lt;div class="col s2 m2"&gt;
                      &lt;div class="card-panel green accent-4"&gt;
                        &lt;span class="white-text"&gt;Tweets
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s2 m2 "&gt;
                      &lt;div class="card-panel deep-orange accent-2"&gt;
                           &lt;i class="material-icons"&gt;repeat&lt;/i&gt;
                        &lt;span class="white-text"&gt;Retweet
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s2 m2"&gt;
                      &lt;div class="card-panel green accent-4"&gt;
                        &lt;span class="white-text"&gt; Favourite
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s2 m2 "&gt;
                      &lt;div class="card-panel deep-orange accent-2"&gt;
                        &lt;span class="white-text"&gt; Followers
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s2 m2"&gt;
                      &lt;div class="card-panel green accent-4"&gt;
                        &lt;span class="white-text"&gt; Sentiment
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s2 m2 "&gt;
                      &lt;div class="card-panel deep-orange accent-2"&gt;
                        &lt;span class="white-text"&gt; Social score
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row"&gt;
                  &lt;div class="col s6 m6"&gt;
                      &lt;div class="card-panel teal"&gt;
                        &lt;span class="white-text"&gt;Sentiment analysis graph for tweets
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="col s6 m6"&gt;
                      &lt;div class="card-panel light-blue accent-4"&gt;
                        &lt;span class="white-text"&gt;Sentiment analysis donuts graph for all hastags
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;
                  &lt;div class="col s12 m12"&gt;
                      &lt;div class="card-panel teal"&gt;
                        &lt;span class="white-text"&gt;Tags analysis.
                        &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
      &lt;/main&gt;
      &lt;footer class="page-footer"&gt;
          &lt;div class="footer-copyright"&gt;
              &lt;div class="container"&gt;© 2014 Copyright Text &lt;a class="grey-text text-lighten-4 right" href="#!"&gt;More Links&lt;/a&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
  &lt;/body&gt;
  </code></pre>