Shortcuts for How to Wrap Content in Divs With an HTML Editor

Next Video:
Showing a Hidden DIV Anchor in HTML....5

Wrapping content in Divs with an HTML editor doesn't have to monopolize all of your time. Find out about shortcuts for how to wrap content in Divs with an HTML editor with help from a programmer and web designer in this free video clip.

Part of the Video Series: Web Design & WordPress
Promoted By Zergnet


Video Transcript

Hi, I'm Omar, and I'm a programmer. Today, I'm going to show you how to wrap content in a DIV. Why you would want to do that is probably for categorization sake. Maybe you have a different class, but it's a fairly simple thing to do. If anyone tells you to wrap content in a DIV or wrap it in a container, this is what you're going to want to do. So, let's open up your favorite HTML code editor. I use Text Edit just for convenience sake, but you can use whatever you want. So as you can see, I already have some boiler plate HTML code set up here. I have the title, the body and the closing tags, and I have some content. All it says is this is content, this is content, this is content. So, let's say I want to wrap this content in a DIV container, so all I want to do is go before the content. I could go here. I can go here, or I can go here; it doesn't matter, and I just want to open up a DIV flag, and I'll go to the end of the content where I want to close it off; and I'll close off the DIV tag. And this is how you wrap content in a DIV, and this is the fastest way to do it. I'm Omar, and I just showed you how to wrap content in a DIV using HTML. Have a good day.


Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!