otabekoff

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --blue-rgb: 237 245 255;
  --green-rgb: 125 161 35;
}

otabekoff

.parent {
  border: 1px solid #333;
  height: 250px;
  position: relative;
  width: 250px;
}

.child {
  left: 50%;
  position: absolute;

otabekoff

<div class="parent">
    <div class="child">Makrazlashgan kontent.</div>
</div>

otabekoff

.grid-centering {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 400px;
}

otabekoff

<div class="grid-centering">
    <div class="child">Makrazlashgan kontent.</div>
</div>

otabekoff

.container {
  border: 1px solid #333;
  height: 40px;
  width: 400px;
}
.center {
  display: table;
  height: 100%;
  width: 100%;
}

otabekoff

<div class="container">
  <div class="center"><span>Makrazlashgan kontent.</span></div>
</div>

otabekoff

.flexbox-centering {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

otabekoff

<div class="flexbox-centering">
  <div class="child">Markazlashgan matn.</div>
</div>

otabekoff

const hello = "Hi";

console.log(hello);