Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Vertically align text inside an element with a percentage height?

Tags:

css

vertical-alignment

As I have an element with a percentage height I can't use the line-height hack. Does anyone have any ideas on how to solve this?

<div height="100%">
    I want to be vertically aligned in the middle
</div>
like image 469
ChrisInCambo Avatar asked Jun 29 '09 08:06

ChrisInCambo

1 Answers

Here's what you want: http://www.jakpsatweb.cz/css/priklady/vertical-align-valid-solution-en.html

like image 186
Andrew Johnson Avatar answered Oct 22 '22 04:10

Andrew Johnson
Sign in to Comment

Related questions

How to fit in an image inside span tag when onclick?
Position:fixed within position:fixed: which browser is correct?
How to perform a smooth downscaling of background images in Qt styles?
Django CAN find my static files, Pycharm CANNOT resolve them
SVG icons in safari are blurred
How to change the border color of the dropdown box of select?
How control vertical spacing of div children?
Footer along with Searchbar not properly shown in FlatList
How to switch between transform-origin and scrollbars
Css to emulate scaling in Chrome
isDisplayed returns false for a visible element in Protractor
Jquery offset is not giving the expected value if margin is used on body element in IE
Angular Material Mat-Select Width Based on Longest Option Width
Is it possible to add page numbers using CSS3/2 in Chrome while printing?
Vuetify Container Won't Fill Height
SVG fill with use tag
Flexbox space-between has extra 1px gap at the end when using calc()
Font size changing upon page focus or field focus
How to fix viewport in place when virtual keyboard opens in mobile Safari?
Why does MDN suggest using initial-scale=0.86 and minimum-scale=0.86 in viewport tag to suppress horizontal scroll?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!