Aligning Divs Side by Side CSS & HTML tutorial

in this video, I will show you how to place three DIVS beside each other using HTML AND CSS. It is easy to accomplish that, and you need to pay attention to the percentages of the width. All divs by default are 100%. if you divide it by three, the results will be 33.33% Set the width of each div to 33.33%. Float the left Div to left. float: left; float the right DIV to right float:right; and to center the middle div, just add margin: 0 auto; This way the divs should be placed next to each other smoothly. Also, if you want to add more width to a specific DIV, basically, decrease the percentage from one Div and add it to the other DIV.

#webDesign #CSS #html

[michaelbach]

this is exactly what i was searching for thank you.

[chonu]

i usually dont leave a comment on videos but you dont know how happy this made me feel, watching my website for a school project fall into place as i learn tables can go into divs, i have been making it all in tables and this video was what i was looking for. its been like 3 weeks of being stuck slow process but now i can finish it.
again, thank you greatly "the wheelchair guy"

[PT]

You made it so easy for someone who hasn't used CSS/HTML in over a decade. You earned my sub.

[giovannimichel]

Thank you very much for the intel. I've been struggling since yesterday with the div tags, until I found this video.

[alibaker]

Not just that you made it really easy to understand, but you made me proud too coming from the same country, Thank you for this video!

[robstencool]

Thank you so much, you helped me figure out my first css task at my first job 😀

[abdulbari]

Ty soo much bro after finding it soo long i finally got the thing i want and you showed everything and concept was also clear 🎉

[DataCloudAnalytics]

Thank you so much! This video helped out a lot getting my website together!

[safebh]

this is gold i spent lots of time looking for such a simple explanation the calculator bit didn't cross my mind lol
rank = big PP

[TheWheelchairGuy]

make sure that you include this property in the middle div if the divs are not aligning properly:

display:inline-block;

[xerxesdiaries]

Thank you so very much for this, sir! This is what I'm looking for. God bless you <3

[Master-qksj]

Thanks a lot, I've been struggling with this forever but you explained it in 6mins :)

[ethan-fwue]

i really appreciate this tutorial! Thank you!!!!

[Limboinpinbo]

You are a legend!
Thank you so much!

[malsharashmika]

Thank you Sir.... I was able to enhance my current knowledge through this video.

[ranjanadissanayaka]

this video is awesome. helped me to save a ton of time. thank you.

[prateekgarnayak]

Thq you so much sir. I was in great confusion of how to do this. But you made me understand.

[SingleAAkash]

thanks alot i was spending hours understanding some issue but this video give me idea to fix it mine is totaly different issue but your video just showed me a way to fix my problem

[FluffScripts]

This is exactly what I needed. Thanks! <3

[idntcare]

Your delivery is very clear, thank you