Support menu horizontal divider

[dmajkic]

This is the solution I use for menu horizontal divide, perhaps it could be helpful for someone else:

@utility divide {
    @apply rounded-none h-px border-base-content/50;
}

and use it in menu like this

<ul tabindex="-1" class="menu menu-sm dropdown-content ...">
   <li><a>About</a></li>
   <li><a>Portfolio</a></li>   
   <li class="divide" role="none"></li>
   <li><a>Log out</a>/li>
</ul>   

[saadeghi]

Try a <li></li>
https://play.tailwindcss.com/jctTjqafz1

<ul class="menu">
   <li><a>About</a></li>
   <li><a>Portfolio</a></li>   
   <li></li>
   <li><a>Log out</a></li>
</ul>  

[dmajkic]

This should be in docs.

Thank you @saadeghi !