Discussion on: Rarely known CSS Tips

View post

To vertically center contents of div
If one line of text set 𝗹𝗶𝗻𝗲-𝗵𝗲𝗶𝗴𝗵𝘁 to height of container. If non-text contents wrap the DIV in a 𝗱𝗶𝘀𝗽𝗹𝗮𝘆: 𝘁𝗮𝗯𝗹𝗲 DIV & set inner DIV to 𝗱𝗶𝘀𝗽𝗹𝗮𝘆: 𝘁𝗮𝗯𝗹𝗲-𝗰𝗲𝗹𝗹

This is outdated. Just use flexbox or CSS grid. Don't use table formatting.

codedgar • Sep 28 '20

I always use

.elm{
display:flex;
align-items:center;
justify-content:center;
}

Sirajul Muneer • Dec 2 '20

place-items: center
Voila!

Dhanush N • Sep 27 '20

Yes you are right. This can be useful to beginners who are in the process of learning the css properties before they get into flex box or css grid