CSS完全に理解したを表示するデータURL

https://gyazo.com/7f8dfc299d5d4a28f14e38d54c403b0c

Mijinko_SD.iconがネタで作ったデータURL

一応、CSSのテストをしたい時にも使っている

使い方

以下の文字列をブラウザのアドレスバーに入れる

Chromium系列以外ではテストしていないので、もしかしたらうまく動かないかもしれない

code:cssPerfectlyUnderstood(txt)

data:text/html, <!DOCTYPE html><html><head><meta charset="utf-8"><style>.box {display: block; width: 10em; height: 5em; border: solid 2px black; border-radius: 10px;} .box p {position: relative; min-width: 100%; left: 50%; text-align: center;}</style></head><body><div class="box"><p>CSS完全に理解した</p></div></body></html>

#CSS完全に理解した