► Browse WordPress Themes and Plugins:
Divs are a way to place your content and allow you to design a variety of components simultaneously. You'll utilize them often as you code in HTML and CSS.
This is part of the totally free Envato Tuts+ course 1 month to Discover HTML & CSS:
Keep in mind: this course was published in 2012. Many of the tools and practices have actually changed and improved since recording, however the core principles are still relevant.
For more great web design courses and tutorials go to:
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+.
Discover free how-to tutorials and online courses. Style a logo design, create a website, build an app, or learn a new skill:.
Envato Aspects.
All the imaginative possessions you need under one subscription. Customize your task by adding distinct photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Components:.
► Register For Envato Tuts+ on YouTube:.
► Follow Envato Tuts+ on Twitter:.
► Follow Envato Tuts+ on Facebook:.
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – -.
CSS Best Sellers
that was great ..
thank you very much
May I translate these videos about html and css to my language if you allowed that ?
I’m waiting a response from you
when i align the text to the centre, the bullet points stay on the left side of the page, why is this?
when i typed body{ background : red }, i expected that the whole body of the html colour would change, but it did not.
why this did not happen?
also is there a list of possible selectors available?
body {
background-color : red ;
}
Thanks man, btw is there a place to look at the list of possible attributes like a standard document
i learned everything up to this within 2hours an fully understand wow never knew programming would get that easy 0_0.i started learning with justbasic then learned all the basic’s of c++ now trying out html just to grasp the feeling of all languages java next.so far i love c++ an html (html feel easy compare to c++) u deserve a thumbs up an a sub my friend
margin left doesn t work
I love this guy’s teaching. So clear and concise. Thank you!
Having trouble with margin-left? Check your root folder. Sublime sometimes creates an additional style sheet for some undisclosed reason. So just move and replace the new sheet in the learning folder to your css folder.
+Steven Royalty Also the browser being used is a major aspect, chrome will not work yet firefox applied changes instantaneously.
so i have to do it everytime
if you want you can delete the css folder and use that style sheet that subline is using
I just discovered that on the index.html under
the link to the style.css needs to read … this worked for me.
Now unto the red background problem!
TQ mate
Thanks sooooooo much! Your tutorials are easy to understand and are awsomely helpfull :D… Finaly understand why we have divs and classes other tutorials don’t really explain it that well o_O
if u want to center it you can also use the
thank you. i needed it
More precisely Align=”center”
If your “margin-left: 50px” is not working, do not use Google Chrome. Firefox worked for me. 🙂 – Happy Coding
WOOOOOOOOOOOOOW, what a good teacher here 🙂
I’m really enjoying this tutorial, but for some reason, I can’t get margin-left = 50px to change the margin. Is anybody else having this problem? I’m using sublime/chrome (2016)
Nevermind, I found out my css file was not in the right folder!
I don’t seem to be able to use my div in the css sheet with the margin-left. I already checked it’s in the correct folder (which it is) and if I had some mispelling but I don’t seem to find anything that is wrong. However if I change the property from div to p, h1, a it changes the margin, but as soon as I change it to div, it resets. I already tried it on Chrome and Firefox to no avail. Any explanation?
I perfectly use the img tag,it show that some pic content add into the page like a small sqare,but the problem is it does not show the actual image.can someone give some advice?
Excellent tutorial my good friend!
YOU ARE AWESOME DUDE!!
never thought this would be so easy.
thanks very much
Was showing this to a student as a good source of videos to learn. Just to clarify though the h2 element doesn’t need its own div as it’s contained within the main div.
I had the problem of the css file not linking correctly. so. To save yourself some time, just add the full path instead.
hope it helped 🙂
Why don’t we target the body tag rather than use another tag?
I cannot use margin: auto; for image
I am using sublime text 3