test10.html

<!DOCTYPE html><html><head><meta charset="utf-8"><style>
body{margin:12px;font-family:sans-serif}.g{display:flex;gap:8px}.g img{width:110px;height:110px;border:1px solid #999}
.box{display:flex;place-content:center;place-items:center;height:70px;background:#eef;margin-top:10px}
.ls{inline-size:260px;block-size:40px;background:#cfe;margin-top:10px}
.w{width:120px;background:#fec;overflow-wrap:anywhere;margin-top:10px}
</style></head><body>
<div class="g"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAACs0lEQVR4nO3du3HbQBSGUcnDPhzY5ThwO67A7ThwOXagSuCAlgRxyMvFkwD+cyJpRo/dnfthMUr03HVd9wRc9enRC4AtEwgUTv1PPv/4+6h1wGa8/Pzy9rEbBAoCgYJAoCAQKAgECgKBwun+l7CEP9+/Df6er79+L7ASKgJZyZgg7v0MwSxPIAuaI4rWny+WZQhkZktH0fJ7xTIfgczkUWFc87oWoUwnkIm2FMYloUznz7wTbDmOvr2sc4vcICPsceDcJuO4QQbaYxx9e1//2gQywFGG6yj7WINXrAZHHCivXG3cIHccMY6+o+9vKoEUUoYnZZ9jCOSGtKFJ228rgUBBIFekPk1T910RyIX0IUnf/yWB9BiOM+fwTiBQEMh/npofOY8zgTwZhluci0CgFB+Ip2Qt/XziA4FKdCDpT8dWyecUHQjcIxAoxAaS/NowRup5xQYCLQQChchAUl8Xpko8t8hAoJVAoCAQKMQFkvgePae084sLBIYQCBQEAgWBQEEgUBAIFAQCBYFAQSBQEAgUBAIFgUAhLhD/tHKatPOLCwSGEAgUBAKFyEDS3qPnknhukYFAK4FAITaQxNeFKVLPKzYQaCEQKEQHkvraMFTyOUUHAvfEB5L8dGyRfj7xgUBFIE+ekrc4F4G8MQwfOY8zgUBBID2emmfO4Z1ALqQPR/r+LwnkitQhSd13RSBQEMgNaU/TtP22EkghZWhS9jmGQO44+vAcfX9TnR69gD14HaIj/QNLYbRxgwxwlKE6yj7WIJCB9j5ce1//2rxijbDHVy5hjOMGmWAvQ7eXdW6RG2SiLd8mwphOIDPZUijCmI9AZtYfzjVjEcUyBLKgpWMRxfIEspLLYR4TjCDWJ5AHMez74M+8UBAIFAQCBYFAQSBQeO66rnv0ImCr3CBQEAgU/gE/xa9pfjAlqQAAAABJRU5ErkJggg==" style="object-fit:fill"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAACs0lEQVR4nO3du3HbQBSGUcnDPhzY5ThwO67A7ThwOXagSuCAlgRxyMvFkwD+cyJpRo/dnfthMUr03HVd9wRc9enRC4AtEwgUTv1PPv/4+6h1wGa8/Pzy9rEbBAoCgYJAoCAQKAgECgKBwun+l7CEP9+/Df6er79+L7ASKgJZyZgg7v0MwSxPIAuaI4rWny+WZQhkZktH0fJ7xTIfgczkUWFc87oWoUwnkIm2FMYloUznz7wTbDmOvr2sc4vcICPsceDcJuO4QQbaYxx9e1//2gQywFGG6yj7WINXrAZHHCivXG3cIHccMY6+o+9vKoEUUoYnZZ9jCOSGtKFJ228rgUBBIFekPk1T910RyIX0IUnf/yWB9BiOM+fwTiBQEMh/npofOY8zgTwZhluci0CgFB+Ip2Qt/XziA4FKdCDpT8dWyecUHQjcIxAoxAaS/NowRup5xQYCLQQChchAUl8Xpko8t8hAoJVAoCAQKMQFkvgePae084sLBIYQCBQEAgWBQEEgUBAIFAQCBYFAQSBQEAgUBAIFgUAhLhD/tHKatPOLCwSGEAgUBAKFyEDS3qPnknhukYFAK4FAITaQxNeFKVLPKzYQaCEQKEQHkvraMFTyOUUHAvfEB5L8dGyRfj7xgUBFIE+ekrc4F4G8MQwfOY8zgUBBID2emmfO4Z1ALqQPR/r+LwnkitQhSd13RSBQEMgNaU/TtP22EkghZWhS9jmGQO44+vAcfX9TnR69gD14HaIj/QNLYbRxgwxwlKE6yj7WIJCB9j5ce1//2rxijbDHVy5hjOMGmWAvQ7eXdW6RG2SiLd8mwphOIDPZUijCmI9AZtYfzjVjEcUyBLKgpWMRxfIEspLLYR4TjCDWJ5AHMez74M+8UBAIFAQCBYFAQSBQeO66rnv0ImCr3CBQEAgU/gE/xa9pfjAlqQAAAABJRU5ErkJggg==" style="object-fit:contain"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAACs0lEQVR4nO3du3HbQBSGUcnDPhzY5ThwO67A7ThwOXagSuCAlgRxyMvFkwD+cyJpRo/dnfthMUr03HVd9wRc9enRC4AtEwgUTv1PPv/4+6h1wGa8/Pzy9rEbBAoCgYJAoCAQKAgECgKBwun+l7CEP9+/Df6er79+L7ASKgJZyZgg7v0MwSxPIAuaI4rWny+WZQhkZktH0fJ7xTIfgczkUWFc87oWoUwnkIm2FMYloUznz7wTbDmOvr2sc4vcICPsceDcJuO4QQbaYxx9e1//2gQywFGG6yj7WINXrAZHHCivXG3cIHccMY6+o+9vKoEUUoYnZZ9jCOSGtKFJ228rgUBBIFekPk1T910RyIX0IUnf/yWB9BiOM+fwTiBQEMh/npofOY8zgTwZhluci0CgFB+Ip2Qt/XziA4FKdCDpT8dWyecUHQjcIxAoxAaS/NowRup5xQYCLQQChchAUl8Xpko8t8hAoJVAoCAQKMQFkvgePae084sLBIYQCBQEAgWBQEEgUBAIFAQCBYFAQSBQEAgUBAIFgUAhLhD/tHKatPOLCwSGEAgUBAKFyEDS3qPnknhukYFAK4FAITaQxNeFKVLPKzYQaCEQKEQHkvraMFTyOUUHAvfEB5L8dGyRfj7xgUBFIE+ekrc4F4G8MQwfOY8zgUBBID2emmfO4Z1ALqQPR/r+LwnkitQhSd13RSBQEMgNaU/TtP22EkghZWhS9jmGQO44+vAcfX9TnR69gD14HaIj/QNLYbRxgwxwlKE6yj7WIJCB9j5ce1//2rxijbDHVy5hjOMGmWAvQ7eXdW6RG2SiLd8mwphOIDPZUijCmI9AZtYfzjVjEcUyBLKgpWMRxfIEspLLYR4TjCDWJ5AHMez74M+8UBAIFAQCBYFAQSBQeO66rnv0ImCr3CBQEAgU/gE/xa9pfjAlqQAAAABJRU5ErkJggg==" style="object-fit:cover"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAACs0lEQVR4nO3du3HbQBSGUcnDPhzY5ThwO67A7ThwOXagSuCAlgRxyMvFkwD+cyJpRo/dnfthMUr03HVd9wRc9enRC4AtEwgUTv1PPv/4+6h1wGa8/Pzy9rEbBAoCgYJAoCAQKAgECgKBwun+l7CEP9+/Df6er79+L7ASKgJZyZgg7v0MwSxPIAuaI4rWny+WZQhkZktH0fJ7xTIfgczkUWFc87oWoUwnkIm2FMYloUznz7wTbDmOvr2sc4vcICPsceDcJuO4QQbaYxx9e1//2gQywFGG6yj7WINXrAZHHCivXG3cIHccMY6+o+9vKoEUUoYnZZ9jCOSGtKFJ228rgUBBIFekPk1T910RyIX0IUnf/yWB9BiOM+fwTiBQEMh/npofOY8zgTwZhluci0CgFB+Ip2Qt/XziA4FKdCDpT8dWyecUHQjcIxAoxAaS/NowRup5xQYCLQQChchAUl8Xpko8t8hAoJVAoCAQKMQFkvgePae084sLBIYQCBQEAgWBQEEgUBAIFAQCBYFAQSBQEAgUBAIFgUAhLhD/tHKatPOLCwSGEAgUBAKFyEDS3qPnknhukYFAK4FAITaQxNeFKVLPKzYQaCEQKEQHkvraMFTyOUUHAvfEB5L8dGyRfj7xgUBFIE+ekrc4F4G8MQwfOY8zgUBBID2emmfO4Z1ALqQPR/r+LwnkitQhSd13RSBQEMgNaU/TtP22EkghZWhS9jmGQO44+vAcfX9TnR69gD14HaIj/QNLYbRxgwxwlKE6yj7WIJCB9j5ce1//2rxijbDHVy5hjOMGmWAvQ7eXdW6RG2SiLd8mwphOIDPZUijCmI9AZtYfzjVjEcUyBLKgpWMRxfIEspLLYR4TjCDWJ5AHMez74M+8UBAIFAQCBYFAQSBQeO66rnv0ImCr3CBQEAgU/gE/xa9pfjAlqQAAAABJRU5ErkJggg==" style="object-fit:none"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAACs0lEQVR4nO3du3HbQBSGUcnDPhzY5ThwO67A7ThwOXagSuCAlgRxyMvFkwD+cyJpRo/dnfthMUr03HVd9wRc9enRC4AtEwgUTv1PPv/4+6h1wGa8/Pzy9rEbBAoCgYJAoCAQKAgECgKBwun+l7CEP9+/Df6er79+L7ASKgJZyZgg7v0MwSxPIAuaI4rWny+WZQhkZktH0fJ7xTIfgczkUWFc87oWoUwnkIm2FMYloUznz7wTbDmOvr2sc4vcICPsceDcJuO4QQbaYxx9e1//2gQywFGG6yj7WINXrAZHHCivXG3cIHccMY6+o+9vKoEUUoYnZZ9jCOSGtKFJ228rgUBBIFekPk1T910RyIX0IUnf/yWB9BiOM+fwTiBQEMh/npofOY8zgTwZhluci0CgFB+Ip2Qt/XziA4FKdCDpT8dWyecUHQjcIxAoxAaS/NowRup5xQYCLQQChchAUl8Xpko8t8hAoJVAoCAQKMQFkvgePae084sLBIYQCBQEAgWBQEEgUBAIFAQCBYFAQSBQEAgUBAIFgUAhLhD/tHKatPOLCwSGEAgUBAKFyEDS3qPnknhukYFAK4FAITaQxNeFKVLPKzYQaCEQKEQHkvraMFTyOUUHAvfEB5L8dGyRfj7xgUBFIE+ekrc4F4G8MQwfOY8zgUBBID2emmfO4Z1ALqQPR/r+LwnkitQhSd13RSBQEMgNaU/TtP22EkghZWhS9jmGQO44+vAcfX9TnR69gD14HaIj/QNLYbRxgwxwlKE6yj7WIJCB9j5ce1//2rxijbDHVy5hjOMGmWAvQ7eXdW6RG2SiLd8mwphOIDPZUijCmI9AZtYfzjVjEcUyBLKgpWMRxfIEspLLYR4TjCDWJ5AHMez74M+8UBAIFAQCBYFAQSBQeO66rnv0ImCr3CBQEAgU/gE/xa9pfjAlqQAAAABJRU5ErkJggg==" style="object-fit:scale-down"></div>
<div class="box"><span>place-content/items: center</span></div>
<div class="ls">inline-size 260 / block-size 40</div>
<div class="w">Averyveryveryverylongunbrokenwordthatmustwrap</div></body></html>