demzl25 priority asked 2 years ago


How is possible to create divider like on image below.

Expected behavior Link to the image of Expected example:

Actual behavior I have divider that is always in the center.

Link to the Actual code snippet:

Thanks, Damjan

Michał Duszak staff answered 2 years ago

Hello, You can do it by deleting text-align: center; from .strike CSS and position quotes with margins, like so:

.strike {
    display: block;
    overflow: hidden;
    white-space: nowrap;

.strike>span {
    position: relative;
    display: inline-block;
    margin-left: 50px;

Here is a code snippet:

demzl25 priority commented 2 years ago


How can i add bottom Divider Quote icon to the right like in image bellow ? I have try but I m unable:

With Best Regards,


Michał Duszak staff commented 2 years ago

I created ID's for bottom span and bottom strike so that you can see the difference - here is the snippet:

demzl25 priority commented 2 years ago



Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.2
  • Device: Pc
  • Browser: Chrome 97.0.4692.99
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes