Display Flex in Safari align

Display Flex in Safari align

I have div block with one child element inside:

I have div block with one child element inside:

.mark__btn {
  width: 19px;
  height: 19px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  opacity: 0.8;
  position: relative;
  margin-right: 3px;
  color: #000;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}

.mark__btn span { font-size: 14px; } <div class="mark__btn"> <span>+</span> </div>


So, I try to reach align center element span by horizontal and vertical, it works with Chrome, but not in Safari


Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

HTML 5 Tutorial: How to create a table using HTML tags and Stylesheet (CSS)

In this article, we want to show you how to create a table using HTML tags and Stylesheet (CSS). HTML table may vary depends on data and style requirements. Sometimes, in the real application, we use an HTML table as a layout of the Email template in HTML format.

Introduction To HTML & CSS: Web Development For Beginners

Introduction To HTML & CSS: Web Development For Beginners - Complete HTML & CSS web developer bootcamp. Learn & practice website design using HTML5 & CSS3 web development resources

How to performance Improve of HTML and CSS

There are a variety of ways you can improve your HTML and CSS performance, Follow each step and it can help you