I am working on a proto site - learning how do to templates:
Site = http://globalbusinessconnections.com/wpsitegbc/
If you look at the site, the test posts in the main content area – especially the ‘Another Post with Everything In It’ post – the text and images go all the way to the left or right red boarder.
Below is the code from the style.css:
#content {<br />
width: 757;<br />
height: 523;<br />
border-top: 2px #FF0033 solid;<br />
background: url("images/content-lt-blue-background-1-j.jpg") no-repeat center top transparent;<br />
color:#333333;<br />
float: right;<br />
}
I tried addling padding and margin, but they added it to the outside of the image, which made the content area bigger and screwed up the layout.
How can I make it the post’s "text" and "photos" stay within (less than) 10px of each wall/boarder of the content area?