logo logo
  • Articles
  • Snippets
  • Topics
    • Login
    • Register

    • Mode:

Give a Horizontal Border in Tailwind CSS

  • Apr 04, 2022
  • Snippet ยท 1 min
  • 56 words
  • Share profile in a message
  • Save your profile to PDF
  • Lock profile

  • Profile settings
  • Like (0)
  • Favorite (0)

Sometime we need a horizontal dash which one give extra focus on title bar. It's very easy in tailwindcss. Let's check it ๐Ÿ‘‡

<hr class="my-2 border-t-4 border-pink-700 rounded-md w-20 mx-auto">

CSS
avatar
Md Najmul Hasan

Similar Stories

The accordion body disappeared after being expanded in Tailwind CSS

snippet

Tailwind dynamic modal with javascript

snippet

Upload an image and instant show or preview that image in html form

snippet

Get attribute and class not active in Html

snippet
Random Stories

Rename / Change a Git Commit Message

snippet

Laravel Blade Remove the Last Comma from Foreach Loop

snippet

JavaScript Find Nth Root of Number

snippet

Flat an Multi Dimensional Array in Javascript

snippet

firstOrNew, firstOrCreate, firstOr, and updateOrCreate methods in Laravel

snippet