vertical align div

piranha_profana answered on July 3, 2020 Popularity 10/10 Helpfulness 4/10

answer vertical align div

related vertical align center div

related vertical align into div

vertical align div

Comment

-1

HTML:
<div class="ext-box">
	<div class="int-box">
		<h2>Some txt</h2>
		<p>bla bla bla</p>
	</div>
</div>

CSS:
div.ext-box { display: table; height: 100%; width:100%;}
div.int-box { display: table-cell; vertical-align: middle; }

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Mar 17 2021

piranha_profana

0 Answers Avg Quality 2/10

Closely Related Answers

vertical align center div

Comment

/* Flex */
.center {
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
/* Without Flex */
.parent {
  	position: relative;
}
.child {
  	position: absolute;
  	top: 50%;
  	transform: translateY(-50%);
}

Popularity 10/10 Helpfulness 6/10 Language whatever

Source: Grepper

Tags: center ce

Link to this answer
Share Copy Link

Contributed on Jun 27 2022

Ashamed Antelope

0 Answers Avg Quality 2/10

vertical align into div

Comment

-1

#parent {position: relative;}

#child {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 30%;
    margin: auto;
}

Popularity 10/10 Helpfulness 4/10 Language css

Source: vanseodesign.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 03 2020

Important Ibex

0 Answers Avg Quality 2/10

vertical align div

Contents

More Related Answers

vertical align div

Closely Related Answers

vertical align center div

vertical align into div

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.