How to test cross-browser compatibility for CSS and HTML

In web development, testing cross-browser compatibility is crucial to ensure that your HTML and CSS render correctly in different web browsers. Below is a simple example of how to manage CSS styles across various browsers.


        <style>
            body {
                font-family: Arial, sans-serif;
                margin: 0;
                padding: 0;
                background-color: #f4f4f4;
            }
            .container {
                width: 80%;
                margin: 0 auto;
            }
        </style>
        <div class="container">
            <h1>Cross-Browser Compatibility</h1>
            <p>Make sure your website looks good in all browsers.</p>
        </div>