How do I vertically align text in a div?

Mobile Technologies Mobile Computing 2 years ago

6.51K 1 0 0 0

_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.

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_
0 views
0 shares

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.

Similar Forum


Q

Would Firebase be a good choice as a server for the Flutter mobile game I'm creating?

_x000D_ _x000D_ I am building a turn-based Flutter game. Would Firebase be a good choice as a server...
Q

Implement Bottom Navigation activity along with a VerticalViewPager with nested Cardview in Android...

_x000D_ _x000D_ I want to develop an Android App which will have a Bottom Navigation Bar and above i...
Q

(JS) For , determine if the device offers or not to capture a photo from the camera

_x000D_ _x000D_ When uploading a file, I need to give the user the possibility: upload the file fr...

Important Mobile Technologies Links