Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <style> .fallback-container { background-color: #f8f9fa; border: 4px solid #dc3545; font-family: sans-serif; max-width: 500px; /* If the safe-area-inset-left or safe-area-inset-right variables aren't supported by the user's browser, the fallback value of 80px will be used for each respective padding. */ padding-left: env(safe-area-inset-left, 80px); padding-right: env(safe-area-inset-right, 80px); } .fallback-content { font-size: 1.2em; } </style> <div class="fallback-container"> <div class="fallback-content"> Includes a fallback of 80px padding on the left and right (if the specified variables don't exist). If you don't see any padding, it could be that the variables do exist, but they're set to zero. In this case, the fallback values won't be used, and padding will be zero. </div> </div>