Horje
center div content Code Example
css center text in div 
/* For horizontal align: */
parent-element {text-align:center;}
/* For horizontal and vertical align: */
parent-element {position: relative;}
element-to-be-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* See https://www.w3schools.com/css/css_align.asp for more info */
how to center a div element 
/*ADD MARGIN auto to left and right*/
.box1{
    width:80%;
    margin:0 auto;
}
how to assign something in center inside a div 
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
...
<IMG class="displayed" src="..." alt="...">
Source: www.w3.org
center div content 
**HTML**
<div class="container">
  <div class="child"></div>
</div>

**CSS**
.container {
  position: relative;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
Source: www.freecodecamp.org
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>



Css

Related
two color background css Code Example two color background css Code Example
how to reverse array of object Code Example how to reverse array of object Code Example
css multicolor background Code Example css multicolor background Code Example
link active css Code Example link active css Code Example
html disable spin buttons on input type number Code Example html disable spin buttons on input type number Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 11



 

Horje