Scarl
Scarl
Programming language:CSS
2021-05-10 23:10:24
0
Q:

css text align center vertical

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
squarism
squarism
Code: CSS
2021-02-08 10:24:36 
<!DOCTYPE html>
<html>
   <head>
      ...
      <style type="text/css">
         div{
         width: 200px;
         height: 200px;
         border: solid green;
         display: table-cell;
         vertical-align: middle;
         }
      </style>
   </head>
   <body>
      <div>Vertikal ausgerichteter Text</div>
   </body>
</html>
1
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