title: How To Separate Elements Using A Divider In A Dropdown Menu?
body: <p>I want to separate certain elements in a  dropdown menu option, with a simple solid divider. Ideally I want to have the links 'Pinterest', 'Twitter', 'Bloglovin' and 'Instagram' to appear above this divider and the link 'Email' to appear below the divider. So essentially I'm separating the first half of links from the second half with a divider.</p>
  
  <p>Below is the html coding to the dropdown menu:</p>
  
  <pre><code>&lt;li&gt;&lt;a href='#'&gt;Social&lt;/a&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href='http://www.pinterest.com/blankesque'&gt;Pinterest&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href='http://www.twitter.com/itsblankesque.com'&gt;Twitter&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href='http://www.bloglovin.com/people/aladyinwhite-8315551'&gt;Bloglovin&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href='http://www.instagram.com/blankesque/blankesquexo'&gt;Instagram&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href='mailto:blankesque@hotmail.com'&gt;Email&lt;/a&gt;&lt;/li&gt;
  
  &lt;/ul&gt;&lt;/li&gt;
  </code></pre>
  
  <p>The link to my site is as follows - <a href="http://www.blankesque.com" rel="nofollow">http://www.blankesque.com</a>.</p>
  
  <p>Any help with this issue would be greatly appreciated. Thank you in advance.</p>
  
  <p>Iram</p>