diff options
| author | Cameron Paul <cpaul37@gmail.com> | 2025-06-17 13:29:34 -0500 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2025-07-07 23:04:51 +0200 |
| commit | e3cedc586990f246ad8679a8a91bbfe88a8ac902 (patch) | |
| tree | 6cc3ced55f694b6db71e129db682899089410dfe /test/html/render/text-align-center.html | |
| parent | cc3f49392384fa02de9c754a3fec069aa24a4843 (diff) | |
Expand text-align-center test with more test cases
Diffstat (limited to 'test/html/render/text-align-center.html')
| -rw-r--r-- | test/html/render/text-align-center.html | 62 |
1 files changed, 58 insertions, 4 deletions
diff --git a/test/html/render/text-align-center.html b/test/html/render/text-align-center.html index 2924df51..99440dbf 100644 --- a/test/html/render/text-align-center.html +++ b/test/html/render/text-align-center.html @@ -3,19 +3,73 @@ <head> <title>Test text-align: center</title> <style> - .outer { + .center { + background-color:aquamarine; + text-align: center; + width: 400px; + } + + .outer1 { background-color:coral; width: 400px; } - .inner { + .inner1 { background-color:aquamarine; text-align: center; width: 100px; } + + .outer2 { + background-color:coral; + text-align: center; + width: 400px; + } + .inner2 { + background-color:aquamarine; + width: 100px; + } + + .outer3 { + background-color:coral; + width: 400px; + } + .inner3 { + background-color:aquamarine; + text-align: center; + width: 100px; + } + + .outer4 { + background-color:coral; + text-align: center; + width: 400px; + } + .inner4 { + background-color:aquamarine; + width: 100px; + } + + body > div { + margin-bottom: 10px; + } </style> </head> <body> - <div class="outer"> - <div class="inner">center</div> + <div class="center">simple centered text</div> + + <div class="outer1"> + <div class="inner1">nested div with inner center</div> + </div> + + <div class="outer2"> + <div class="inner2">nested div with outer center</div> + </div> + + <div class="outer3"> + <span class="inner3">nested span with inner center</span> + </div> + + <div class="outer4"> + <span class="inner4">nested span with outer center</span> </div> </html> |