CSS padding

[navyfalcon]

Problem with CSS code
how do I put padding in the text area to keep the text away from the pictures?

<!--========== Banner ==========-->
<div id="header">
<img src="../Images/83calc.jpg" width="90" height="145" align="left" alt="calculator"><img src="../Images/TI-83a.JPG" width="85" height="145" align="left" alt="calculator"><img
src="../Images/ti_83.JPG" width="80" height="145" align="right" alt="calculator"><img
src="../Images/TI-83+.JPG" width="110" height="145" align="right" alt="calculator">
<h2>Algebra Tutorials</h2>
<p>scientific notation, exponents, graphing, polynomials, radicals, ratio &amp; proportion, factoring, linear equations, real numbers, squares, square roots, factoring, binomials, rational expressions, regressions</p><br>
<p><a id="homelink" href="../index.html">home</a>
<a href="Algebra%20Articles.html" id="articlelink">articles</a></p><br><br>
</div>
-
Problem displayed here:
http://freetutorials.name/Reference1...tutorials.html
-
Thank You
falcon

[bmcoll3278]

This is all I could find but you may not like the look.

<div id="header">
      <table border="1" cellpadding="5">
        <tr>
          <td>
            <img src="../Images/83calc.jpg" width="90" height="145" alt="calculator" /><img src="../Images/TI-83a.JPG" width="85" height="145" alt="calculator" />
          </td>
          <td>
            <h2>
              Algebra Tutorials
            </h2>
            <p>
              scientific notation, exponents, graphing, polynomials, radicals, ratio &amp; proportion, factoring, linear equations, real numbers, squares, square roots, factoring, binomials, rational
              expressions, regressions
            </p><br />
            <p>
              <a id="homelink" href="../index.html" name="homelink">home</a> <a href="Algebra%20Articles.html" id="articlelink" name="articlelink">articles</a>
            </p><br />
            <br />
          </td>
          <td>
            <img src="../Images/ti_83.JPG" width="80" height="145" alt="calculator" /><img src="../Images/TI-83+.JPG" width="110" height="145" alt="calculator" />
          </td>
        </tr>
      </table>
    </div>

[ishkey]

Syntax: padding: <value>
Possible Values: [ <length> | <percentage> ]{1,4}
Initial Value: 0
Applies to: All elements
Inherited: No
The padding property is a shorthand for top, right, bottom, left

or in your html use without the quotes and spaces " & n b s p; "
is's a "no-break space no-matter which character set you use.
or use for charset UTF-8 which REQUIRES " & # 160; "
I didn't see any problem when I looked.

[smismorid]

Originally Posted by ishkey

Syntax: padding: <value>
Possible Values: [ <length> | <percentage> ]{1,4}
Initial Value: 0
Applies to: All elements
Inherited: No
The padding property is a shorthand for top, right, bottom, left

or in your html use without the quotes and spaces " & n b s p; "
is's a "no-break space no-matter which character set you use.
or use for charset UTF-8 which REQUIRES " & # 160; "
I didn't see any problem when I looked.

Good post. I appreciate it
Many thanks to ur post. I love it.
That's pretty good.