CSS Tutorial: Float & Clear Explained | Web Development Tutorials #21

Подписаться 6 млн

Просмотров 1,2 млн

50% 1

► Source Code & Notes: codewithharry.com/videos/web-...
►This video is a part of this Complete Web Development in Hindi Course Playlist: • Web Development Tutori...
►Click here to subscribe - / @codewithharry
►Checkout my English channel here: / programmingwithharry
Best Hindi Videos For Learning Programming:
►Learn Python In One Video - • Python Tutorial In Hin...
►Python Complete Course In Hindi - • Python Tutorials For A...
►C Language Complete Course In Hindi -
• C Language Tutorials I...
►JavaScript Complete Course In Hindi -
• JavaScript Tutorials I...
►Learn JavaScript in One Video - • JavaScript Tutorial
►Learn PHP In One Video - • Learn Php In One Video...
►Django Complete Course In Hindi -
• Python Django Tutorial...
►Machine Learning Using Python - • Machine Learning Tutor...
►Creating & Hosting A Website (Tech Blog) Using Python - • [Hindi] Web Developmen...
►Advanced Python Tutorials - • Intermediate/Advanced ...
►Object Oriented Programming In Python - • Object Oriented Progra...
►Python Data Science and Big Data Tutorials - • Python Data Science an...
Follow Me On Social Media
►Website (created using Flask) - www.codewithharry.com
►Facebook - / codewithharry
►Instagram - / codewithharry
►Personal Facebook A/c - / geekyharis
Twitter - / haris_is_here

Опубликовано:

3 янв 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 1 тыс.

@aunmuhammad2101 Год назад

I m From Pakistan bro i respect you aapki wajja se mujhe css html complete agayi hai. Ur way of teaching is amazing. Hats off to my code Guru. Mujje kabhi css html samajh hi nahi ayi. U r the best code guru ever.May God bless you

@shivanimaheshwari6874 3 года назад

I love learning from here, such a fantastic way Harry bro you taught...before learning from here, I had theoretical knowledge of this course and facing quite gud problems applying this practically then meanwhile came across with this amazing channel... I would say it's rather helpful N quite easy in understanding to all...Thanku so much for introducing this wonderful course...keep it up plzz☺☺

@jonathanduncan1134 3 года назад

Yes, I am enjoying creating website.

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@rukhsarfatma1194 3 года назад

Love the way you teach sir ji .You are doing a great cause for learners or those who are in this field Huge respect for you .

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@meetakbari9897 3 года назад

Dil se bhai, your teaching style is too unique and very easy to understand each and every concepts you teach. Thank you so much for providing such a good content!!!

@tasnimulsibgatmuntasir9080 22 дня назад

Yes.. His teaching method is so easy to understand. I am watching his video from Bangladesh though there are so many contents in you tube

@adarshrai9516 4 года назад

Bhai seriously its great tutorial .never stop to providing such tutorials.thanks a lot

@anant-strong 4 года назад

Please make detailed course on Data Structures and Algorithm those who want this also comment please🙏

@sukhnainsingh6935 4 года назад

yes bro

@akash_mishra565 4 года назад

Yez please sir make a video om DSA 🙏

@abhishekporwal876 4 года назад

Yes sir

@sharvilkhot4520 4 года назад

I think he made that. Please check out playlist

@mohammedburhaanali4373 3 года назад

Yes please

@techmanak8815 3 года назад

thank u sir i was doing practice of web development of your course and faced a problem and i opened this playlist and watched this video and i could easily fix the issue. Thanks

@poetrybyarshad6715 2 года назад

Dear friend Harry, you have did really an awesome job. I am learning this only because your good teaching skill.

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@anubhavmaurya4909 4 года назад

Who like code with harry

@sarahsyed3768 3 года назад

Who don't like ....??😅

@roasted_boy6213 3 года назад

everyone

@aadityasharma6855 3 года назад

Your mom

@sundan5559 3 года назад

I will 'like' CodeWithHarry' but I won't 'like' you..... LOL

@ojasvi-gm2ff 3 года назад

69 likes wow

@Dineshtamang6267 2 года назад

What an amazing work you've done for us thank you so much for this amazing course..❤️

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@shitalpatil4562 3 года назад

Harry this is the best explained video for Web development.. Thank you

@MrRjprince18 3 года назад

bhot acha content h bht he acha smhjane ka tarika me recommend krunga sb ko jo frontend technology sekhna chahta h

@sktamim_01 3 года назад

I'm very thankful to you sir. I learned many of things from your video.Thanks for giving us so much for free. may god bless you. Sir You are great.

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@negiankur_ Год назад

had to work a little harder to understand the concept this time, but after understanding float and clear from other videos it became quite easy

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@leeislive 10 месяцев назад

Same bro this one is a little bit tricky

@prabhdeepbhullar6857 Год назад

Thanks a lot HARRY BHAI, you are real ideal for youth in the field of coding. I have learnt and I am learning a lot from you. This is the real service which you are doing. People pay for the same courses on different platforms but you are giving access to all these courses free of cost and the content hundred(in fact thousand times) best than the paid platforms. And the way YOU teach is just speechless ( outstanding). Hats off to you, and your kindheartedness. Completely speechless for your appreciation. ❤‍🔥❤‍🔥❤‍🔥❤‍🔥

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@swapnilbaba Год назад

Bhava, lay Bhari........ Ek number course he

@OnlineStudio 4 года назад

@CodeWithHarry is amazing! can dive into deep for coding with him!! Like you so much.

@ramjadav1190 3 года назад

Thanks, Harry sir for helping a lot more than my computer teacher.

@autorunavs6406 2 года назад

Harrih sir, your Float & Clear Explanation is the best... Thanks... take care and stay safe.

@gauravpatil7977 2 года назад

i am enjoying a lot by learning web development from u Harry sir!

@avadhutkulkarni4534 2 года назад

17:42 we can also use h1{ text-align: center; }

@saicharanduggirala317 Год назад

How do we put {} in vscode?please help

@flexWasayy Год назад

@@saicharanduggirala317 SHIFT+ [ ] ={ }

@gsy594 3 года назад

love from gwalior m. p. love ur playlist and free courses

@niqabqueenvlogs 2 года назад

your learning style is just amazing. thanks

@shashankthapliyal232 3 года назад

I like every video before watching it ❤️❤️ coz i know it's going to be super helpful ❤️❤️

@artidhole7 4 года назад

Thank u very much sir !!! For this wonderful Tutorials 😍 I am learning in new way with your knowledge given in your videos . Thanks for making such tutorials for us 🥰

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@codermahbub3103 3 года назад

جزاكم الله خير

@souravdey7516 2 года назад

Really enjoying...and learning from this course harry bhaiya.Thank you so much..

@prajwalsarangi2601 2 года назад

you are the best coding teacher in the world:)

@sahil11o9 3 года назад

Bro what a course bro i guess I'm starting veryyyyy late but it's ok I will cover it up asap

@utkarshpatil3180 2 года назад

5:35 margin auto, 8:07 float, 11:26 clear left/ right, 12:50 clear both, 13:45 text align, 14:58 summary

@zandatsu6452 Год назад

thnx

@factoworld9527 Год назад

thanks bhai

@kalpanatolwani9499 Год назад

thankyou so much bhai

@abhhack Год назад

heads of greats bhai

@amanprajapati3417 3 года назад

Bro bhot videos dekhi web development pe Pr in videos se zyada samajh aaya💞

@vj7466 2 года назад

thanks 🧡gr8 explanation of float property, sometime i am struggling in media query for it when i was web designer, used that property randomaly bt today clear all, now i want to become web developer,so it course help me lot.

@Jaii_shree_Ram 4 года назад

Harry this the best explained video for web development I have ever found .. yes and with that I am watching your c tutorial too you are really awesome ... Your hard work will definitely pay you 💕 this the best free video Harry ... Thank you for your knowledge ...and one thing more ... You share each and every thing that you know and the best thing about you ❤️ kabhi doubt rehta hi nhi hai apk video k bad 🔥

@sayanjana2057 2 года назад

hello

@Kadirr.shaikh 11 месяцев назад

@willHave you completed the course and made any money ?

@Jaii_shree_Ram 11 месяцев назад

@@Kadirr.shaikh i didn't learnt this course to make money just for my clg project and exams

@thrilleracaste400 2 года назад

After all the research I did, I can now finally conclude that this playlist is the best playlist for the web development course. Thanks Harry bhai!❤️

@hunainjawaid5897 Год назад

After all the research I did, I can now finally conclude that you are that guy who comments same on every video🤣🤣🤣🤣

@thrilleracaste400 Год назад

@@hunainjawaid5897 Nice observation🤣🤣

@monikagehlot1152 3 года назад

Thanks a lot you made it so easy for us specially by the source code.....i joiend now and i'm indeed enjoying it thank you so much....

@manojjrkhiara240 2 года назад

We are really loving the way u teach Harry Sir Thank u so mucchhh

@ZahirKhan-121 3 года назад

loving your tutorials from Pakistan ❤️

@ayushgautam6740 3 года назад

Best Web Development Playlist right now in RU-vid PERIOD.

@arunjohny588 3 года назад

yes bro true

@ompandey4595 3 года назад

Bro div class= container ye so batao na sahi se samjh nhi aa raha hai

@ayushgautam6740 3 года назад

@@ompandey4595 bro wo container bas ek class ka naam deya gaya hai jismein sb kuch rhega , jaise ki you want to change font of all then css ki help se Direct container class ki font change krdo , waha container ki jgha kuch bhi leekh do kya fark padta .

@ompandey4595 3 года назад

@@ayushgautam6740 ye live server kaise hota hai Isme kya save k live save as press karna ya kuch

@ompandey4595 3 года назад

@@ayushgautam6740 aap btech student ho ya job karte ho

@himanshusoni2818 2 года назад

literally bhiya aap ki play list dekh k sahi mai bada maza aaraha hai ,literally I am learning allot from your videos

@pritampariyar4923 2 года назад

Keep up the god work Man.I really enjoy watching your tutorial.

@cleardconcepts4967 4 года назад

Thank you Mr. Harry for teaching us in such a wonderful way.

@atharvkulkarni2256 3 года назад

Enjoying the course!! Completed 21 videos in one and half day!

@tukarammarathe6971 3 года назад

Bhai practice ki kya

@m.j.art101 5 месяцев назад

Thank you Harry bhai apki video or playlist badiya hai 😊😊

@sachinjha6333 Год назад

Ye video v kaafi interesting thi. Harry bhai mujhe kuch nhi aata tha, bus ek book mili thi choti si usme html k kuch pages the. Phir aapne sb sikha diya thank you

@mdsifatullah1615 4 года назад

aaj ki class bohot hard thaaa😫

@lorentyt2.029 3 года назад

Yaa bro

@gurjas_editzz95 3 года назад

Yes

@Naughty_world6 Год назад

Yes

@prashantagarwal7601 2 года назад

We should write ( text-align: center;) in instead of (margin: 23px auto, width: 455px;).

@harshsonar9346 2 года назад

with that only the text will align to the centre, not the whole border

@Anonymous-ge2ll Год назад

@@harshsonar9346 So what is the best real way to do it? bring it to the exact center? I am beginner

@kingorkaofficial8047 Год назад

@@Anonymous-ge2ll flex box or just use position propertir

@faisalrahman9236 Год назад

Thanks, dude👍. I was having difficulty for 2 days with this part"welcome to my store". It was not going center of the page with the margin properties. Then I came back here just to search for the solution and saw your comment. Now, with "text-align" I fixed it😀.

@zubairblaze 2 года назад

I have only one word for your courses...."MARVELLOUS"

@simmi641 3 года назад

thnqu very much sir for sharing ur knowledge with us ,ur wrk is highly appreciated.

@abubakarnadeem441 4 года назад

Amazing teacher best tutorials in youtube love from Pakistan

@robinkartik6356 3 года назад

Harry bhai, Aapne to aaj floating jaise hard topic ko clarity se explain kar diya. Great job brother.

@clashingtv2527 Год назад

I already completed css and html tutorial in Harry bhi video but when I watching this series over i learn more about those things Such as edit what's app web 😂 and details tag and lots of it 👍👍👍❤️

@user-uh9rb4jn7g 2 месяца назад

I tried myself and I'm improving a lot thanks for your support and coordination to make me learn html, css and javascript

@deveshchauhancs2068 2 года назад

Date: 09/01/2022 Day : 21 This one is something tricky to learn but not difficult especially Floating part. Anyway Thanks for this lecture!

@bhavikrawal1070 2 года назад

Bro is this full stack Web development ?

@cherishkansara7851 2 года назад

Or bhai progress kya chal raha hai?

@gauravnainwal272 2 года назад

Yes merko bhi laga jab mai ye wali video mai pahucha 😀

@sahelikantha93 3 года назад

This particular video could have been a little better!. The previous ones were superb anyways!❤️🔥

@ankushthakurrrr 2 года назад

True, I really have a lot of doubts after watching this tutorial unlike the previous videos.

@xen0076 2 года назад

exactly, i am very confused on why we have added id and class to the para while we dont even use it in CSS.... like small stuff like this confuse me

@sudarshanmhaisdhune1039 2 года назад

@@xen0076 That is done to take care of each parameter of html .... Nothing else! It's standard practice

@sayanjana2057 2 года назад

hii

@sudarshanmhaisdhune1039 2 года назад

@@sayanjana2057 bol bhai

@VivekKumar-vr2zc 3 года назад

Mja aa gya , web developing learn karne ka yesa tutorial mil gya. Thank you so much.

@EditorGuru 3 года назад

bhai boht hi maja aa rha hai....I am very very happy that I have not bought any paid course for web development.

@yogeshtyagi4800 4 года назад

Please make a series of python for artificial intelligence

@zaggybhai 2 года назад

Topic of Float starts at 8:06 and topic clear starts at 10:33

@aneesdeveloper110 Год назад

harry bhai love it bro css samjhny ky liyay myn starting sy dekh rha hon css ki playlist bro ap ka teacher style boht cool and as compare to YAHOO BABA!

@MahnoorJamilAhmed- 3 месяца назад

Assalamualikum harry bhai... Your teaching prowess is simply extraordinary; you effortlessly unravel the most intricate subjects, making them digestible for all. Your instructional finesse and cultural bridge-building are truly remarkable. Respectfully, Mahnoor Jamil from pakistan😊

@deepikabatra9743 3 года назад

Hello Harry, I have learned HTML and CSS earlier as well, and I have made some of the pages using same. But learning through your videos is completely a different way to see the things. Thank you, thanks a lot for the course And would be of great help if you can get your tutorials on Angular7 or 8 as well.

@lightningfighter4343 3 года назад

Same with me

@yashkapoor2377 3 года назад

same here i have also made some pages but learning from him is best

@shreyasalse 2 года назад

I am a 14 year old class 8th student, but I am really interested in programming. But I didnt want to waste my parents' hard earned money on some lame course, which I may regret in future. Then I found your videos. You are such a good teacher!!

@do_It_Together282 2 года назад

bro u have grown up fast

@fightforfitness2256 11 месяцев назад

Ek number Harry sir. Maza aa gaya.

@Sudeshna-Pradhan-9331 4 года назад

Best teacher.......amazing..........God bless you Harry vai

@hariomprem1824 3 года назад

Hi Harry Bhai, Hopefully, you fit and fine in the pandemic. My concern is that, can you please provide a complete playlist for "bootstrap" it'll really really very helpful Please provide it

@coolboy5224 4 года назад

Sir ap exercises bhi diya kariye jissme hamara bhi thodaa brain work karne lagta hai please sir

@abhishekporwal876 4 года назад

Right Then next video me unka solution Jisse mistakes samajh me aaye hme

@anabiamansoor1269 3 года назад

@@abhishekporwal876 kia ap ye bata sakte ho k sir ka google pe output kesa aata hai ?

@abhishekporwal876 3 года назад

@@anabiamansoor1269 i think one of the top rated

@shadowmaas 3 года назад

@@anabiamansoor1269 are wo live server use karte hain na

@yoshasahmed7115 2 года назад

Hi ! Sir , I am from Bangladesh. I am learning webdeveloper. Your videos help's me a lot. So thank you so much 🥰 Sir.

@rahulnag9582 3 года назад

what a beautiful explanation harry bhai , salute... :)

@piyush9555 4 года назад

you could use width: fit-content; after you set margin: auto;

@k31gamingtv 3 года назад

What happens when we use ??

@piyush9555 3 года назад

@@k31gamingtv center alignment

@pankajk.r2448 2 года назад

Thank you so much

@funcode-tw3cg Год назад

done with this lecture 🔥 17/12/2022

@Era_Quest_Shorts Год назад

I am little bit late 😂

@Era_Quest_Shorts Год назад

Kha Tak phuche ho app abhi ?

@SumitKumar-hd5vg 4 года назад

Really enjoying and learning from this video sir...

@abdullahnisarg 3 года назад

Thank You Harry Bhai Me Aapki Teachings our aapko kabhi nhi bhoolu ga ❤️ Our mujhe bohat mazza aa raha he😁

@kocomputer835 4 года назад

I noticed that your all video that comes in morning is on 8 am

@sandeepabc62 4 года назад

Harry bhayi.... SQL me videp serious lao... linux (mysql) par... plzzz

@dickharry910 Год назад

Thankyou Harry Bhai. Learning a lot from you!!

@muhammadharoon136 Год назад

Amazing wonderful herry brothers thanks this videos website making

@umarjanbhat3819 2 года назад

The interesting thing here is that block element behaves like in-line element after using float.

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@emkaywho Год назад

There is no plus sign in google fonts nowadays...so how do we add a font ??

@desipeoples2931 Год назад

same problem

@emkaywho Год назад

@@desipeoples2931 my problem is solved....when u select aa font...plus sign won't be there. So u have to scroll down in that particular font, at the bottom, you'll see different options for that font...like italic, bold etc. There you'll find a plus sign at right side

@moneebk916 2 года назад

This video was very helpful, thank you Harry!

@saadlashari1027 Год назад

One of the best web developing course I have ever seen. Thank You so much for providing us quality education!

@Kadirr.shaikh 11 месяцев назад

Have you completed the course and made any money ?

@saadlashari1027 11 месяцев назад

@@Kadirr.shaikh i left the course due toh my board exams and now again I started it and now completed CSS language and now going to start Javascript but havn't made any money yet.

@cosmos5471 4 года назад

I didn't get one thing..why do we use * in style.

@assk477 4 года назад

* is called universal selector,* is use for initialized the all elements ,CSS universal selectors select any type of elements in an HTML page

@BigFatSandwitch 3 года назад

Ab to bhagwan hi tumhe samjha sakta hai agar itna accha explanation bhi nahi samaj aaya

@ramjadav1190 3 года назад

@@assk477 Thanks brother

@RahulYadav-xe4ki 4 года назад

1 se le kr 20 tk bhot aachi videos h but ye bilkul bhi smaj nhi aye sir....itna Jada complicated or itna Jada mix-up kr diya h apne iska ander speed bhot bhot fast h

@websiteDesigning 3 года назад

sth sth ap khud b practice kry mai khd completly type kr ri huuu

@gaming.z9952 5 месяцев назад

the best coding explainer in the world in hindi ! 👍👍👍👍👍👍😃😃

@whatsnewnow4469 3 года назад

Lots of love from Bangalore ❤️❤️

@trickymanialive7531 3 года назад

My border doesn't show even after checking 100 times??why sir

@hirenghelani1882 3 года назад

same issue bro..

@alishkaarora7264 3 года назад

Same issue bro

@trickymanialive7531 3 года назад

@@alishkaarora7264 Yupp...mine got correct...Just use "Solid" before giving the colour

@aniketduhan6511 3 года назад

Jo chij last me likhi jati h vo show hoti h bro

@aniketduhan6511 3 года назад

@@alishkaarora7264 the thing which u use to write in last that will show in website always

@KRISHNAGUPTA-hm6mr 3 года назад

the best channel for me on youtube

@sudarshanmhaisdhune1039 4 года назад

Bhai sach me mja aa rha tere saath yh course krne me...only Harry bhai

@sahilpatel2187 3 года назад

THANKS A LOT BHAIYA FOR THIS GREATEST EFFORT 😍🥰

@ishtiaqahmad4118 4 года назад

It is possible for me, i have done with the help of your video. Really very thankful. I.A.Siddiqui

@balajikendre6702 4 года назад

Great videos maja aa raha hai sikhane mai

@sample__1099 10 месяцев назад

margin:auto;width:455px ki jagah text-align:center sahi work kar raha hai Your explanation is very clear and so simple to understand anything. It doesn't create confusion. Keeping explanation simple instead of making it complex and confusing by using hard definition is best reason that your explanation is easiest to understand.