diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2025-09-28 20:26:15 +0200 |
|---|---|---|
| committer | Rodrigo <rodarima@gmail.com> | 2025-09-28 23:10:55 +0200 |
| commit | fb510ea86be5ceb9e91573890242581fdbd77ad8 (patch) | |
| tree | d819fe40683592008d136727f5a0b03e48dc1164 /36 | |
Diffstat (limited to '36')
| -rw-r--r-- | 36/index.md | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/36/index.md b/36/index.md new file mode 100644 index 0000000..d79f56a --- /dev/null +++ b/36/index.md @@ -0,0 +1,45 @@ +Title: CSS max-width not working properly +Author: rodarima +Created: Sun, 24 Dec 2023 18:15:51 +0000 +State: closed + +Example page: + +```html +<!DOCTYPE html> +<html> + <head> + <title>Test max-width CSS property</title> + <style> + body {max-width: 200px} + </style> + </head> + <body> + <p> + This is a rather long text to increase the maximal paragraph + width. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem + accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae + ab illo inventore veritatis et quasi architecto beatae vitae dicta + sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, + aspernatur aut odit aut fugit, sed quia consequuntur magni dolores + eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, + qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, + sed quia non numquam eius modi tempora incidunt, ut labore et dolore + magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis + nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut + aliquid ex ea commodi consequatur? quis autem vel eum iure + reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae + consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla + pariatur? + </p> + </body> +</html> +``` + +Renders like this: + + + +While the width should be constrained to 200 px, like this in Firefox: + + |