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

Get attribute and class not active in Html

snippet

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

snippet

Simple tailwind landing page content

snippet

Tailwind dynamic modal with javascript

snippet

The accordion body disappeared after being expanded in Tailwind CSS

snippet
Random Stories

JavaScript How Object.is() Method Works

snippet

Convert a base64 Encoded String to Real Object in React

snippet

Laravel Calculate Estimated Reading Time

snippet

How to git init local repo in github

snippet

Turn on multiple window in a single click in JavaScript

snippet