Now let's have a look at a different column layout but still using the <div class> element.

<div class="columns">

<div class="column"><img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/New-1-e1456314304764.png" alt="New Logo" width="60" height="36" class="alignnone size-full wp-image-97" />

<p style="width: 120px; margin-top: -45px; margin-bottom: -35px; font-face: arial; font-size: 14pt;">was <del style="color: #000000;"><span style="font-size: 18pt; color: #e60000;">$25.00</del></span></p>

<img src="http://wreckingsite.siterubix.com/wp-content/uploads/2016/02/wa_like_to_earn-e1455799110109.jpg" alt="WA Like To Earn Logo" width="120" height="120" class="alignnone size-full wp-image-73" />

<p style="width: 120px; margin-top: -45px; margin-bottom: -35px; font-face: arial; font-size: 14pt;">now <span style="font-size: 18pt; color: #00ad0c;">$15.00</span></p></div>

Below is an example of a different column layout using the code above:

You can copy and paste the above code as is into each column of your <div class="column" code, but again, copying and pasting them individually, changing the data between the tags and previewing each step, is the way to go.



Join the Discussion
Write something…
Recent messages
RaeAnnePond Premium
Hi Harry,
I just looked at this training and it looks way over my head as you predicted, but that may be because I have not looked at the "creating a HTML grid" training yet. So I'll look at that and then come back to this. Thanks!
~ Rae Anne
Reply
Harrysastar2 Premium
Hi RaeAnne, the first step in "Creating Columns Using HTML" is very much the same as "Creating A HTML Grid" , but with further training on adding text in the columns. But if you think that may help you, certainly do it.
If you need any further help, please don't hesitate to contact me.
Reply
RaeAnnePond Premium
Thanks Harry! Have a great day!
Reply
AlexEvans Premium Plus
Thank you Harry, great tutorial just got a test site going so will have a crack.
Reply
Harrysastar2 Premium
Thanks Alexander, if you need any help give me a shout.
Reply
AlexEvans Premium Plus
Thank you Harry much appreciated, will let you know how I get on
Alexander
Reply
Tirolith Premium
Thanks for the lesson. I have done this before but have forgotten it. I need a refresher course .Tom.
Reply
Harrysastar2 Premium
Hi Tom, you're more than welcome.
Reply
Jozeph Premium
Thanks Harry, much appreciated
Bookmarked :)
J*
Reply
Harrysastar2 Premium
Thanks Joseph, how's it going? If you need any help, you know where to find me.
Reply
mijareze Premium
Thank you friend!
Ed
Reply
Harrysastar2 Premium
Any time Ed, and thanks for the reply.
Reply
Top