Friday , December 20 2024

Display: inline-block does not stretch to width, but sticks to the left In Safari

The problem is described in the title of this article.

If elements that in normal browsers stretch across the width of the stage with active display: inline-block; in Safari ignore the width and stick together on the left, then for the parent to which this inline-block was assigned, try to add this one:

display: flex;
justify-content: space-between;

Safari has a caching issue. The easiest option is to open the CSS file in which you have made last edits in a new tab and refresh the page several times. When you see these lines added, check for the sticky content issue on the site side – the problem should be fixed.

About admin

Hi there! My name is Iryna, I am a web developer from Ukraine. While working on freelance projects I often face different technical issues and in this blog I publish articles on how to solve them. I am also interested in digital drawing and in this blog you will find brief tutorials that helped me and hopefully can help you as well.

Check Also

How to open html pages without .html

If your site uses links like http://domain.com/testpage.html and http://domain.com/demo.html, and you want them to open …

Leave a Reply

Your email address will not be published. Required fields are marked *