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

Float left vs inline-block in Urdu/Hindi

61 ratings | 1414 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 (53)
AssadUllahCh (8 months 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 (6 months 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 (6 months ago)
@Ali Hassan Agreed!
AssadUllahCh (6 months 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 (6 months ago)
@Pak Home Mujse kis nay jalna hay bhai. It's about honest feedback.
Royal Express (6 months 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.
Abybaby (9 days ago)
layout video ko sekhney kay layeah yeah video dekhein phir float ko clear wala video dekhain. pagal bana raha hay
AssadUllahCh (8 days 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 (14 days ago)
Sir ye konsa software use krtay hn aap????
AssadUllahCh (13 days 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 (14 days ago)
Thank u SO much Sir! 👏 bs thora or zoom kr k video bnaen to perfect h
AssadUllahCh (13 days 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 (20 days ago)
NICE TUTORIAL SIR, I was struggling with float:left property, but now I can handle it, Thank you very much Sir
AssadUllahCh (20 days ago)
Glad you learnt something new. You are welcome.
ANKIT KUSHWAHA (2 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 (2 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.
Melissa (2 months ago)
Can you make the video in English? Or add English subs
AssadUllahCh (2 months ago)
Will do the video in English language..
muskan Garg (2 months ago)
Sound is nt up to mark
AssadUllahCh (2 months ago)
Sorry about that. Will take care of it next time.
FaNii Khan (3 months ago)
Sir please Display:table ki property complete kr wai dain please
AssadUllahCh (3 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 (3 months ago)
nice tutorial... great job
Ali Hassan (6 months ago)
Flexbox & media query tutorial plz!
AssadUllahCh (6 months ago)
you are welcome
Ali Hassan (6 months ago)
Thank you Sir!
AssadUllahCh (6 months ago)
Media query layout tutorial is already available which you can search my channel. Will do a flexbox tutorial as well.
Few minutes with me (8 months ago)
sir ambiguous grammar disadvantages tu batien plz
AssadUllahCh (8 months 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 (8 months ago)
css grid ya flexbox plz,,,
Pak Home (8 months ago)
thanx sir
AssadUllahCh (8 months ago)
will be available soon.
مرزا صاحب (8 months ago)
Hi sir. I like your lectures very much. Can u make lessons on ecommerce website in php please? Must be in urdu. :)
AssadUllahCh (8 months ago)
will be available soon and glad you learnt something today.
Pak Home (8 months ago)
sir video me awaz ka problem he boht kam sound araha
Pak Home (8 months ago)
anyway video half dekhi he mene, half smj ayege , half bad me dekhoga
Pak Home (8 months 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 (8 months ago)
Which device you are using?
Pak Home (8 months ago)
sir is video me awaz boht kam arahi he apki,
AssadUllahCh (8 months 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 (8 months ago)
Good explanation
Rahul Banerjee (8 months 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 (8 months ago)
Thanks brother but there isn't any issue on my computer. The volume is OK.
Raju Ghosh (8 months 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 (8 months ago)
AssadUllahCh sir if you can make a video on that it would be really very helpful... Thank you
AssadUllahCh (8 months 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 (8 months 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 (8 months ago)
meray recorded courses mein jesay jesay for example koi new cheez ati hay wo b add up kar di jaye gi.
learning skills (8 months 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 (8 months 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.