HomeОбразованиеRelated VideosMore From: AssadUllahCh

Float left vs inline-block in Urdu/Hindi

85 ratings | 2352 views
In this lesson, you will learn the difference between float left and display inline block. Introduction to CSS float: http://bit.ly/2CPoy69 Different ways to clear floats: http://bit.ly/2oRhdhN Hopfully the source code lives here: https://codepen.io/assadullahchaudhry/pen/xYeRgm?editors=1100 Buy my recorded courses at: https://proetutor.com Want to hire us to build your website or want us to train you? Please contact: Assad Ullah Chaudhry Mobile/WhatsApp: +92 332 4737443 Aucsol Tech Solutions & Training Center Century Tower, Kalma Chowk Flyover, Office #416, 4th floor, Gulberg 3, Lahore, Pakistan
Html code for embedding videos on your blog
Text Comments (64)
AssadUllahCh (1 year ago)
I always request everybody to give me proper feedback whether you like or dislike my videos. But i don't think you people listen. If i keep getting the same attitude, i will stop entertaining queries. Somebody disliked this video few minutes ago but he did not bother to specify the reason of dislike. I do these tutorials for you people and if you don't give me the feedback, i'll probably stop recording them. The choice is your's.
AssadUllahCh (1 year ago)
@Global News I don't bother to think about haters but I just request viewers to give honest feedback whether they like or dislike my videos. I'll keep uploading the videos and you also stay blessed.
AssadUllahCh (1 year ago)
@Ali Hassan Agreed!
AssadUllahCh (1 year ago)
@Salahuddin Ahmed Thanks for appreciation mate. I don't ask people to give likes to my videos. It's their choice. But the feedback for likeness and dis-likeness should be proper. I know the haters are always around you but I don't even bother to think about them because I don't have time to waste. I do what I want to do and if someone learns something from my stuff I get satisfaction for doing the right thing. You are welcome. :)
AssadUllahCh (1 year ago)
@Pak Home Mujse kis nay jalna hay bhai. It's about honest feedback.
Royal Express (1 year ago)
We love your video. These haters are good for nothing. They even dont know why are they disliking your video. Lets not focus there. You are helping and sharing your knowledge with millions people around the globe. God bless you.
sohail shah (24 days ago)
Aoa sir kindly kya ap codepen.io ki detail pr ak video bna sktay han ?
Shashank Singh (1 month ago)
Well Explained bro. I hope to learn more from your videos. Thanks for clearing my concepts.
Shahroze Mirza (1 month ago)
Superb video Sir ! Perfection Overloaded...ab ja ke samajh aya proper difference 👍 Do you have any tutorials on how to make a responsive website using css and media queries only ? No flexbox
AssadUllahCh (1 month ago)
Here you go https://www.youtube.com/watch?v=X92uWcC0xH4&lc=UgweP2y916MiB1Uu5V14AaABAg You can find more tutorials on my channel.
muhammad umer (2 months ago)
Excellent tutorial
adil sarwar (3 months ago)
sir what do u mean by this "document k flow sa bahir nikal jana".what is the document flow.can you please explain this.thanks
adil sarwar (3 months ago)
AssadUllahCh thanks again.
AssadUllahCh (3 months ago)
Take this example: You put a tag 1 then you put tag 2 and then you put tag 3 All of the tags where block level elements. Consider those elements div tag. The div's will be output in the same flow I described above. It is called normal page flow. Now, If you apply float property on tag1, or tag2, they will be taken out of the page flow and the following elements ( in case of tag 1, tag2 and tag3 are following elements) will take the place of tag1 and same case applies to tag 2. This is what we called tag 1 is taken out of the normal page flow.
adil sarwar (3 months ago)
your method of teaching is very well. you explains every thing in very simple way..
adil sarwar (3 months ago)
bht Alaaaa...really..please upload more such type of videos having basic but useful css concepts..keep it up
Muhammad Tahir (5 months ago)
boss u r making great videos for learning html and css
Abybaby (5 months ago)
layout video ko sekhney kay layeah yeah video dekhein phir float ko clear wala video dekhain. pagal bana raha hay
AssadUllahCh (5 months ago)
Tujay teri tone mein reply kar sakta hon lekin phir tuj mein aur muj mein koi farak nahi rahay ga. First of all. Learn how to respect others if you want respect in return and don't talk if you have no idea about something.
Alina Rana (5 months ago)
Sir ye konsa software use krtay hn aap????
AssadUllahCh (5 months ago)
It's an online tool called CodePen which allows you to test your HTML, CSS and JavaScript code online. Here the link: https://codepen.io
Alina Rana (5 months ago)
Thank u SO much Sir! 👏 bs thora or zoom kr k video bnaen to perfect h
AssadUllahCh (5 months ago)
Actually video high resolution pay hay aur jab high resolution hoti hay to sab kuch chota chota nazar ata hay. Ap video fullscreen mode mein dekhain.
lohamrorsunil123 (6 months ago)
NICE TUTORIAL SIR, I was struggling with float:left property, but now I can handle it, Thank you very much Sir
AssadUllahCh (5 months ago)
Glad you learnt something new. You are welcome.
ANKIT KUSHWAHA (7 months ago)
sir, (in float case me) sidhe container( float:left area ) par text aline ki property apply bhi kar sakate the na,kiyaoki (float left area) ka container bhi to sabhi float element ko rakhata hai usake liye naya div kiyo banaya ?
AssadUllahCh (7 months ago)
You are getting confused. Float is starha say kaam nahi karta. Take this example: Example 1: <div style="text-align:center"> <div style="background:red; dipslay:inline-block; height:200px; width:200px;"></div> <div style="background:red; dipslay:inline-block; height:200px width:200px;;"></div> </div> Example 1 mein jo inner div tags hein unko menay display:inline-block kia aur jo parent element hay us pay text-align: center apply kia. Ab dono inner div tags red boxed side by side aur bahar walay div k center mein nazar aeingay. Kue k andar walay divs is waqt inline b hein aur block level b hein. Example 2: <div style="text-align:center"> <div style="background:red; float:left; height:200px; width:200px;"></div> <div style="background:red; float:left; height:200px width:200px;;"></div> </div> Example 2 mein menay inner div tags ko float left kar dia. Ab ye parent div k center main nahi ayingay kue k is time ye just block level elements hein aur text-align:center bahar walay div pay apply karnay say andar walay divs pay koi farak nahi aye ga. Furthermore is example mein jo outer div hay wo shrinkk kar jaye ga kue k float ko clear nahi kia gaya. Hope you go tthe idea.
Meli (7 months ago)
Can you make the video in English? Or add English subs
AssadUllahCh (7 months ago)
Will do the video in English language..
muskan Garg (8 months ago)
Sound is nt up to mark
AssadUllahCh (8 months ago)
Sorry about that. Will take care of it next time.
Muhammad Irfan (8 months ago)
Sir please Display:table ki property complete kr wai dain please
AssadUllahCh (8 months ago)
Ye property ap us waqt use kartay hein jab ap chahtay hein k ap ka html element table ki tarha behave karay. Check the last part of this article to get the full idea: https://css-tricks.com/almanac/properties/d/display/
Rahul Sonone (8 months ago)
nice tutorial... great job
Ali Hassan (1 year ago)
Flexbox & media query tutorial plz!
AssadUllahCh (1 year ago)
you are welcome
Ali Hassan (1 year ago)
Thank you Sir!
AssadUllahCh (1 year ago)
Media query layout tutorial is already available which you can search my channel. Will do a flexbox tutorial as well.
Nabeel Afzal (1 year ago)
sir ambiguous grammar disadvantages tu batien plz
AssadUllahCh (1 year ago)
Go to Google and search it. It's part of your learning and if I provide you everything here, you won't be able to learn and you will always need someone to do your job.
Pak Home (1 year ago)
css grid ya flexbox plz,,,
Pak Home (1 year ago)
thanx sir
AssadUllahCh (1 year ago)
will be available soon.
مرزا صاحب (1 year ago)
Hi sir. I like your lectures very much. Can u make lessons on ecommerce website in php please? Must be in urdu. :)
AssadUllahCh (1 year ago)
will be available soon and glad you learnt something today.
Pak Home (1 year ago)
sir video me awaz ka problem he boht kam sound araha
Pak Home (1 year ago)
anyway video half dekhi he mene, half smj ayege , half bad me dekhoga
Pak Home (1 year ago)
sir me pc se dek raha tha, full sound krlea mene, har video me awaz sahi araha apki, is video me boht kam araha :X
AssadUllahCh (1 year ago)
Which device you are using?
Pak Home (1 year ago)
sir is video me awaz boht kam arahi he apki,
AssadUllahCh (1 year ago)
I have checked this video on Android phone, on my desktop PC and on my laptop, there's not thing wrong with the voice. Seems like you are using a device which has low volume already.
Varinderjit Singh (1 year ago)
Good explanation
Rahul Banerjee (1 year ago)
Do not stop recording sir u are doing great job we are learning lot of new things from your video love you Assad sir stay blessed sound of video very low
AssadUllahCh (1 year ago)
Thanks brother but there isn't any issue on my computer. The volume is OK.
Raju Ghosh (1 year ago)
Sir i have been trying to get hold of inline block but this video really helps understanding inline block. Sir i have a request can you make tutorial on support for safari internet explorer old versions and how to display content on these browsers because it is very difficult to understand....
Raju Ghosh (1 year ago)
AssadUllahCh sir if you can make a video on that it would be really very helpful... Thank you
AssadUllahCh (1 year ago)
A simple answer to your question. Whichever new property you want to use, just check it's compatibility on https://caniuse.com/ and use proper browser prefixes (if available)
learning skills (1 year ago)
Sir apny proetutor per jo course css ka lgaya hai usmy Ap ya auscol training centre ki videos upload kry ge ? or usmy css grid cover kry ge?
AssadUllahCh (1 year ago)
meray recorded courses mein jesay jesay for example koi new cheez ati hay wo b add up kar di jaye gi.
learning skills (1 year ago)
asaad sir wesy ee pocha hain kun k flexbox to thoraa boht kya hai oor next month course b buy krna islyaa poch rhaa hoon g
AssadUllahCh (1 year ago)
Paid courses are different and they are not meant to upload on YouTube. Proetutor courses are very detailed and specifically focused on those techniques to make student understand the concepts very easily.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.