[anchor-position] Add tests for the `center` keyword

This patch adds tests for the `center` keyword, implemented in
r1076802 crrev.com/c/3882850.

Bug: 1382524
Change-Id: Ic7be94ef6e1f1dfe05b18444c554f6a9525cd4e2
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4063868
Reviewed-by: Kent Tamura <tkent@chromium.org>
Auto-Submit: Koji Ishii <kojii@chromium.org>
Commit-Queue: Kent Tamura <tkent@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1077126}
diff --git a/css/css-anchor-position/anchor-position-004.html b/css/css-anchor-position/anchor-position-004.html
index 5034fb1..d6d4d64 100644
--- a/css/css-anchor-position/anchor-position-004.html
+++ b/css/css-anchor-position/anchor-position-004.html
@@ -42,6 +42,8 @@
          data-offset-x="40"></div>
     <div class="target" style="left: anchor(--a1 50%)"
          data-offset-x="70"></div>
+    <div class="target" style="left: anchor(--a1 center)"
+         data-offset-x="70"></div>
     <div class="target" style="left: anchor(--a1 80%)"
          data-offset-x="100"></div>
     <div class="target" style="left: anchor(--a1 100%)"
@@ -53,6 +55,8 @@
          data-offset-x="40"></div>
     <div class="target" style="right: anchor(--a1 50%)"
          data-offset-x="70"></div>
+    <div class="target" style="right: anchor(--a1 center)"
+         data-offset-x="70"></div>
     <div class="target" style="right: anchor(--a1 80%)"
          data-offset-x="100"></div>
     <div class="target" style="right: anchor(--a1 100%)"
@@ -64,6 +68,8 @@
          data-offset-y="70"></div>
     <div class="target" style="top: anchor(--a1 50%)"
          data-offset-y="130"></div>
+    <div class="target" style="top: anchor(--a1 center)"
+         data-offset-y="130"></div>
     <div class="target" style="top: anchor(--a1 80%)"
          data-offset-y="190"></div>
     <div class="target" style="top: anchor(--a1 100%)"
@@ -75,6 +81,8 @@
          data-offset-y="70"></div>
     <div class="target" style="bottom: anchor(--a1 50%)"
          data-offset-y="130"></div>
+    <div class="target" style="bottom: anchor(--a1 center)"
+         data-offset-y="130"></div>
     <div class="target" style="bottom: anchor(--a1 80%)"
          data-offset-y="190"></div>
     <div class="target" style="bottom: anchor(--a1 100%)"