How do I vertically align text in a div?

Mobile Technologies Mobile Computing 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating
_x000D_ _x000D_ I am trying to find the most effective way to align text with a div. I have tried a few things and none seem to work. _x000D_ _x000D_ .testimonialText {_x000D_ position: absolute;_x000D_ left: 15px;_x000D_ top: 15px;_x000D_ width: 150px;_x000D_ height: 309px;_x000D_ vertical-align: middle;_x000D_ text-align: center;_x000D_ font-family: Georgia, "Times New Roman", Times, serif;_x000D_ font-style: italic;_x000D_ padding: 1em 0 1em 0;_x000D_ }_x000D_
_x000D_ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor_x000D_ in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum._x000D_
_x000D_ _x000D_

Posted on 16 Aug 2022, this text provides information on Mobile Computing related to Mobile Technologies. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago
_x000D_ Vertical Centering in CSS http://www.jakpsatweb.cz/css/css-vertical-center-solution.html Article summary: For a CSS 2 browser, one can use display:table/display:table-cell to center content. A sample is also available at JSFiddle: _x000D_ _x000D_ div { border:1px solid green;}_x000D_
_x000D_
_x000D_
_x000D_ everything is vertically centered in modern IE8+ and others._x000D_
_x000D_
_x000D_
_x000D_ _x000D_ It is possible to merge hacks for old browsers (Internet Explorer 6/7) into styles with using # to hide styles from newer browsers: _x000D_ _x000D_ div { border:1px solid green;}_x000D_
_x000D_
_x000D_
_x000D_ everything is vertically centered_x000D_
_x000D_
_x000D_
_x000D_ _x000D_

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Important Mobile Technologies Links