How can I move my pictures and or headers over with out using the & n b s p non breaking space in HTML?

Question

I am trying to use HTML and put my photos and headings on my webpage editor but the align="center" is not working and i am getting tired of using a bunch of & n b s p (non breaking spaces code). Is there an easier way to do this??

Answer 1

Use Cascading Style Sheets (CSS), which you can use inline as the following example, also take a look at text-align:center;...

<img src="..." style="padding:10px 10px 10px 10px; margin:10px;">

You can use one or more width, which is in the following order:

margin:

  margin-top

  margin-right

  margin-bottom

  margin-left

;

padding:

  padding-top

  padding-right

  padding-bottom

  padding-left

;

Answer 2

Paste your HTML here so I can take a look...

It sounds like, instead of using a bunch of spaces, *(&nb sp;)*, you could use padding and / or margins to space things out as necessary.

Tip: align="center" is deprecated and shouldn't be used. Instead use something like <div style="text-align: center;">

you can put a margin around an image using inline styles if you wish, like this:

<img src="yourimage.jpg" width="100px" height="100px" style="margin: 5px 5px 5px 5px;" alt="Image Name" />

there are a total of 4 "5px" values. The first gives the top a margin of 5px, the second gives the right a margin of 5px, etc...working clockwise.