justify-content: space-around; Not Working in Caret
I have the code below in my CSS and I desperately need to use the code justify-content:space-around yet it isn't working. I'm using Caret on Chromebook please help if you know the answer to my issue. <!DOCType html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE-edge"> <meta name="viewport" content="width=device-width, initial-sclae=1.0"> <link rel="stylesheet" href="style.css"/> <title>Registered Nursing</title> <style> body { background-color:rgb(175, 213, 252); } @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap'); </style> <title>Home Page</title> </head> <body> <header class="tc-header"> <div class="tcc-container"> <div style="text-align:left" class="tc-logo"> <img src="rnlogo.png" alt="Logo" style="width:200px;height:200px"> </div> <nav class="tc-nav"> <li> <a href="#">Home align</a></li> <li> <a href="#">Education</a></li> <li> <a href="#"> More Info</a></li> <li> <a href="#">Usage</a></li> </nav> </div> </header> <script src="script.js"></script> <strong><header style="color:White;">A Highly Respected Career</header></strong> <h1 style="color:rgb(175,213, 252);">Registred Nursing</h1> <img src="talking.jpg" alt="Group of Nurses Talking" class="center" style="width:704px;height:421px"> <a href="Education.html">2 |</a> <a href="TasksandSalary">3 | </a> <a href="How.html">4 |</a> </body> </html> **CSS Code** .tc-container { width: 90%; margin: auto; display: flex; align-items: center; justify-content: space-around; }
Often have questions like this?
Learn more efficiently, for free:
