Centered div

2023-05-07 10:23:14 +02:00
parent dc81f889e5
commit 4bd18c6d62
2 changed files with 11 additions and 2 deletions
--- a/src/app/component/list/list.component.css
+++ b/src/app/component/list/list.component.css
@@ -46,8 +46,13 @@ h4 {
 .right {
  width: 60%;
  display: flex;
-  justify-items: center;
+  justify-content: center;
 }
+
+#radial {
+  align-self: center;
+}
+
 .container2 {
  display: flex;
  flex-direction: row;
--- a/src/app/component/list/list.component.html
+++ b/src/app/component/list/list.component.html
@@ -31,7 +31,11 @@
      </div>
    </div>
    <div class="right">
-      <div class="radial-progress text-primary" style="--value:70; --size:12rem; --thickness: 1.5rem;"><span style="font-size: 20pt">70%</span></div>
+      <div class="radial-progress text-primary" id="radial" style="--value:70; --size:12rem; --thickness: 1.5rem;">
+        <span style="font-size: 20pt">
+          70%
+        </span>
+      </div>
    </div>
  </div>
 </div>