Answers for "css center a text"

21

how to center text in css

.class {
	text-align: center;
}
Posted by: Guest on February-15-2020
1

css how to center text

/* Using flex to center anything*/
.parent{
  display: flex;
  justify-content: center; /* Centering Horizantly */
  align-items: center; /* Centering Vertically */
  /* Every element inside this div will be centered*/
}
/* Using Line Height*/
.main-div{
  width: 50%;
  height: 40px;
}
.main-div p{
  line-height: 40px; /* Same as parent height*/
  /* p will be centered vertically inside its parent div*/
}
/* CSS Property */
p{
  text-align: center;
}
Posted by: Guest on June-12-2021
1

css text align center

body {
  text-align: center;
}
Posted by: Guest on April-09-2020
0

how to center div

<!DOCTYPE html>
<html>
<head>
<style>
.center {
  margin: auto;
  width: 80%;
  border: 3px solid #73AD21;
  padding: 10px; # deals with margins within the element itself
  margin: 20px; # deals with area around outside of element
}
</style>
</head>
<body>

<h2>Center Align Elements</h2>
<p>To horizontally center a block element (like div), use margin: auto;</p>

<div class="center">
  <p><b>Note: </b>Using margin:auto will not work in IE8, unless a !DOCTYPE is declared.</p>
</div>

</body>
</html>
Posted by: Guest on June-21-2020

Browse Popular Code Answers by Language