How To Use Checkmark Or Tick Instead Of Bullet In Unordered List?

Trang chủ » Html List Style Tick » How To Use Checkmark Or Tick Instead Of Bullet In Unordered List?

Có thể bạn quan tâm

  • CSS / Misc.
  • 0
How to use checkmark or tick instead of bullet in unordered list?

by websourceblog · December 23, 2017

Use checkmark or tick instead of bullet

I had a list where I wanted to sow tick/checkmark (✓) instead of bullets in the unordered list. For this, I used following code.

ul { list-style: none; } ul li:before { content: '\2714\0020'; }

But text is not aligned, instead it was appearing like following.

To make text aligned and get same as of with bullets, I gave margin-left to the li tag as following.

margin-left: -38px;

And got following output.

That’s it.

Share

Tags: csshtmlunordered list

websourceblog

ReactJs, NodeJs, Amazon Web Services, Symfony, Laravel, CodeIgniter, Zend Framework, WordPress, Drupal, Magento, Angular

You may also like...

  • Vim commands 0

    Vim commands

    July 12, 2014

  • DD_roundies JavaScript Library 0

    Rounded corners in IE browsers:

    October 6, 2012

  • Git commands 0

    Git commands

    April 6, 2012

Follow:

  • Next story How to specify connection in migrations Laravel 5?
  • Previous story How to paginate query builder results in Laravel 5?
Name*Email* Loading
  • Recent Posts
  • Popular Posts
  • Tags
  • AI-prompt-engineering-bible-ebook

    Misc.

    AI Prompt Engineering Bible (7 Books in 1) – Master ChatGPT & Generative AI

  • CortexWaveTech.com

    Misc.

    How Digital Transformation Services Drive Business Growth

  • How to add an Addon Domain in Godaddy with Web Hosting Deluxe?

    Misc.

    How to Add an Addon Domain in GoDaddy with Web Hosting Deluxe

  • Developing a RESTful API with Node.js, Express.js, MongoDB, and TypeScript

    Misc.

    Developing a RESTful API with Node.js, Express.js, MongoDB, and TypeScript

  • xml-in-rest-apis-and-soap-apis

    Misc.

    XML in REST API response and SOAP XML.

  • add in date aws aws amplify back url boolean field validation codeIgniter css drupal drupal 7 drupal views first date of last week git git commands howto howtolaravel how to laravel html jquery laravel laravel 5 laravel eloquent laravel migrations laravel request class last date of last week last month's last date last month first date magento magento 1.5 minus in date opencart php php date function pik prepareForValidation previous url python react reactjs replace function symfony symfony 1.2 symfony2 windows powershell wordpress wsl2

More

Select Your Language

Tags

add in date aws aws amplify back url boolean field validation codeIgniter css drupal drupal 7 drupal views first date of last week git git commands howto howtolaravel how to laravel html jquery laravel laravel 5 laravel eloquent laravel migrations laravel request class last date of last week last month's last date last month first date magento magento 1.5 minus in date opencart php php date function pik prepareForValidation previous url python react reactjs replace function symfony symfony 1.2 symfony2 windows powershell wordpress wsl2 We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkNoPrivacy policy You can revoke your consent any time using the Revoke consent button.Revoke cookies

Từ khóa » Html List Style Tick