tkausl
tkausl
Programming language:CSS
2021-04-24 11:48:02
0
Q:

css align text vertically

Brandon Goldsmith
Brandon Goldsmith
Code: CSS
2021-01-19 00:03:33 
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style type="text/css">
      div {
        display: table-cell;
        width: 250px;
        height: 200px;
        vertical-align: middle;
      }
    </style>
  </head>
  <body>
    <div>Vertically aligned text</div>
  </body>
</html>
10
Sharma Pocso
Sharma Pocso
Code: CSS
2021-01-22 14:03:59 
vertical-align: middle;
2
Levyce
Levyce
Code: CSS
2021-01-22 14:04:59 
/* HTML: */
<div class="text">
lorem ipsum
</div>


/* CSS: */
.text {
vertical-align: middle;
/*can take any value of:
baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length> */
}
3
user18146
user18146
Code: CSS
2021-01-22 14:02:41 

  .center {
  display: flex;
  justify-content: center;
  
  align-items: center;
  height: 200px;
  border: 3px solid 
  green; 
}
3
Ronald Sole
Ronald Sole
Code: CSS
2021-01-22 14:05:49 
DIV.container {
    min-height: 10em;
    display: table-cell;
    vertical-align: middle }
...
DIV {
  GeeksforGeeks
}
0
EnglishLearner
EnglishLearner
Code: CSS
2021-07-04 10:09:54 

.center {
  padding: 70px 0;
  border: 3px solid 
green;
  text-align: center;

}
-1

Tags

Related

New to Communities?

Join the community