adding 3 columns using divs - Post ID...

User 406455 Photo


Registered User
17 posts

I'm using the pro version. I want to add 3 equal columns on my home page using divs:
<div id="left">
<p> left column text goes here </p>
</div>
<div id="center">
<p> center column text goes here </p>
</div>
<div id="right">
<p> right column text goes here </p>
</div>

where do i put the code for the css, or where is the css file to reference the divs? I tried to put it in the header, it didn't work.


#left {
float:left;
width:200px;
}
#center {
float:left;
width:200px;
}
#right {
float:left;
width:200px;
User 406455 Photo


Registered User
17 posts

here is the site:
bluboutiq.com/shop
User 187934 Photo


Senior Advisor
20,271 posts

Paste all of this straight into your page.:)

[[[
<style type="text/css">
<!--
#left {
float:left;
width:200px;
}
#center {
float:left;
width:200px;
}
#right {
float:left;
width:200px
-->
</style>
<div id="left">
<p> left column text goes here </p>
</div>
<div id="center">
<p> center column text goes here </p>
</div>
<div id="right">
<p> right column text goes here </p>
</div>]]]

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.