CSS Center text Horizontal and Vertical

Online Tutorials

7 лет назад

188,885 Просмотров

Скачать видео

Комментарии:

@viral_NO-1 - 25.10.2023 06:12

Great 👍

Ответить

@davidturner7192 - 13.10.2023 01:38

Cheers from 2023! Excellent tutorials.

Ответить

@umarchishty8380 - 29.09.2023 16:42

HTML :
<!DOCTYPE html>
<head>
<title>CENTER THE TEXT</title>
</head>
<link rel="stylesheet" href="style.css">
<body>

<h1 class="text">HTML & CSS</h1>
</body>
</html>

CSS:

body{
background: yellow;
margin: 0;
padding: 0;
}
.text{
font-size: 4em;
color: cornflowerblue;
margin: 0;
padding: 0;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);

}

😃❤

Ответить

@elite_merkel4257 - 24.08.2023 14:37

Thanks for the Video that helps me alot

Ответить

@Sonexon-T - 03.07.2023 16:43

good job bro

Ответить

@kunalbhadane9410 - 07.01.2023 19:24

🙏🥰

Ответить

@cherlynmagbanua4443 - 29.12.2022 17:41

Thanks! This helped me a lot , I enjoyed the music too. Lol!

Ответить

@minutefedded270 - 24.12.2022 23:04

hey how do i change the text color?

Ответить

@Nelson.4E - 12.10.2022 08:25

thanks you, it works really well for my website project

Ответить

@navvdeep_dhillon_ - 21.08.2022 18:36

Or you can simply just put it into the <div></div > and give margin left !!!

Ответить

@shaktidash1675 - 05.07.2022 07:27

Yeah bro many many thanks. Can't found the appropriate keyword for me you solved it.

Ответить

@SUPERPLAYMUSIC - 31.03.2022 22:22

Thank you!

Ответить

@MattiGarziaD - 17.02.2022 04:28

thanks

Ответить

@yinglinhe2162 - 25.01.2022 18:58

Thanksssssss a lot!

Ответить

@SetForMarriageUSA - 04.12.2021 06:36

your music is terrible...

Ответить

@luc7106 - 11.11.2021 19:09

U ARE THE BESTTT

Ответить

@mrrrgamingbd4079 - 04.10.2021 17:11

thank you!

Ответить

@guy27383 - 18.09.2021 02:38

it doesn’t work for me

Ответить

@darshilghiyarollno.5131 - 14.09.2021 18:24

thanks bro

Ответить

@arjuntantry7894 - 06.06.2021 13:28

Can we not use bottom and right 50% as well??

Ответить

@sawmiadhikary4448 - 30.05.2021 10:07

Thank you.thank you thank you so much ....has been struggling for this whole one day..❤️❤️❤️

Ответить

@sakshisakshi7873 - 26.05.2021 12:31

I need explanation. Otherwise good

Ответить

@weebwubb9569 - 06.05.2021 07:51

or u could just add <center> and </center> on both edges before the code so u can put on the center :D

Ответить

@bxmusic9104 - 29.03.2021 21:21

Cool soundtrack bro 😎

Ответить

@rafa-lk6lf - 15.02.2021 09:20

position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);

Ответить

@mzakyr42 - 25.01.2021 17:05

Me
h1 {
color:white;
text-align:center;
}

Ответить

@andyhenderz5562 - 20.01.2021 03:34

Thank you.

Ответить

@secretmystery8305 - 27.12.2020 18:58

Love Content #12

Ответить

@mijaresaldo - 21.12.2020 23:49

Thank you very very much!
Just what I was looking for! :)

Ответить

@sanjaykarmakar100 - 12.12.2020 11:02

Thank You very very very much.

Ответить

@Asuuri - 05.12.2020 16:37

thanks so much!! Helped me a lot!!

Ответить

@boredsatisfy7803 - 01.12.2020 19:17

thanks man. its working

Ответить

@tlime1762 - 15.11.2020 03:42

why wont it let me increase the size of the text

Ответить

@krisztakriszta9425 - 10.11.2020 06:46

for me it works in css. thank you!

Ответить

@siyabongamohlala4128 - 02.11.2020 00:10

I was enjoying both the tutorial and the music 🙏🤗

Ответить

@ab-en3nx - 25.10.2020 11:14

taena kasi bakit kaya ako nag aaral

Ответить

@macroperson9116 - 21.08.2020 05:16

what is this music I am not a 5 year old.

Ответить

@bhujathasoorishetty9700 - 22.07.2020 22:00

Thank you so much! Nearly spent a day trying to get it to the center.

Ответить

@shreyas5137 - 20.07.2020 13:43

Which app is that ?

Ответить

@AuryxFu - 29.06.2020 05:39

didn't work for me /: the text goes to the right

Ответить

@demis9643 - 21.04.2020 09:57

it doesn't work

Ответить

@faixannazir3263 - 19.04.2020 13:00

Your video is helpful for me. Thanks

Ответить

@JohnAntonacci1 - 28.01.2020 03:54

Hello there. What text editor is this?

Ответить

@aplexic7367 - 04.11.2019 23:52

Very helpful, tx

Ответить

@kevin.s0165 - 06.09.2019 18:00

Thanks bro, helped me a lot

Ответить

@johnny1591 - 18.08.2019 21:08

thanks bro you are the best!

Ответить

@deltakerch - 18.03.2019 23:49

Спасибо чувак!!!!

Ответить

@m0ohannad - 29.09.2018 19:47

شكراً 👍
كنت ابحث عنه

Ответить

@melihbagceli1640 - 09.06.2018 06:41

I just started to watch your all videos I will add the code here

<!DOCTYPE html>
<html>
<head>
<title>Text Center</title>
<meta charset="utf-8">
<style type="text/css">

body{
margin: 0px;
padding: 0px;
background-color: red;
}

h1{
font-size: 5em;
margin: 0px;
padding: 0px;
background-color: yellow;
font-family: 'arial';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

</style>

</head>
<body>

<h1>TEST</h1>

</body>
</html>