diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2023-12-25 01:25:15 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-01-08 22:16:29 +0100 |
| commit | 787905a585ba2ccb80d80c1d52dbea716085ec6a (patch) | |
| tree | 135e7caf0431fe7aa3fc0da4623b379f630b5925 /test/html/manual/max-width-nested-div.html | |
| parent | dbdf01c83e4a0c04cd1ed517eee1ab985c35f909 (diff) | |
Add min-width and max-width CSS tests
Diffstat (limited to 'test/html/manual/max-width-nested-div.html')
| -rw-r--r-- | test/html/manual/max-width-nested-div.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/test/html/manual/max-width-nested-div.html b/test/html/manual/max-width-nested-div.html new file mode 100644 index 00000000..84af8b10 --- /dev/null +++ b/test/html/manual/max-width-nested-div.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test min-width and max-width CSS properties</title> + <style> + body {margin: 20px} + .test {min-width: 400px; max-width: 600px; background: lightgray} + .min {width: 400px; background: lightgreen} + .max {width: 600px; background: lightgreen} + </style> + </head> + <body> + <div class="background:lightblue"> + <div class="min"> + <p>By resizing the window, the content below in gray should stay + within the limits of minimum and maximum width.</p> + <p>Minimum width 400 px</p> + </div> + <div class="test"> + <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?</p> + </div> + <div class="max"><p>Maximum width 600 px</p></div> + </div> + </body> +</html> |