What s the HTML to have a horizontal space between two objects

Question

I have been searching for an answer and trying different things without success  Could someone kindly let me know how to put spaces between two objects by using PHP code   Please note  I use WordPress  in case that makes a difference    I know how to do so vertically with  lt  br gt   but what is the horizontal equivalent to that   Please note that I don t know a whole lot about code  so any detailed information you are able to provide is very much appreciated in advance - thank-you very much

User · Answer

PHP does not do styling  You need to use html or css  Take a look at http   www w3schools com tags tag hr asp   In HTML 4 01  the  tag represents a horizontal rule   In HTML 4 01  the  lt hr gt  tag represents a horizontal rule

User · Answer

CSS  div horizontalgap     float  left    overflow  hidden    height  1px    width  0px      Usage in HTML  for a 10px horizontal gap    lt div class  horizontalgap  style  width 10px  gt  lt  div gt

User · Answer

lt div gt  looks nice  but a bit complicated in setting all these display  block  float  left    Maybe because the general idea behind  lt div gt  is a block of a paragraph size or more   I have found the following nice way for spacing    lt button gt Button 1 gt  lt  button gt   lt button style  margin-left  4em  gt Button 2 lt  button gt

User · Answer

Well  this is probably frowned upon but you can make a 1px transparent image  then size it as needed in between text   Some text  lt img src  spacer png  height  1px  width  10px  gt  Some more text   I ve run into this issue when one or two spaces just wasn t enough for my design sensibilities

User · Answer

I guess what you want is    amp nbsp    But this is usually not a nice way to align some content  You better put your different content in   lt div gt    tags and then use css for proper alignment     You can also check out this post with useful extra info     How to insert spaces tabs in text using HTML CSS

User · Answer

You could use the old ways  And use a table  In the table you define 3 columns  You set the width of your whole table and define the width of every colum  that way you can horizantaly space 2 objects  You put object one inside cell1  colum1  row1  and object2 in cell3  colum 3  row 1  and you leave cell 2 empty  Given it has a width  you will see empty spaces  example  lt table width  quot 500 quot  gt       lt tr gt           lt td width  quot 40  quot  gt              Object 1          lt  td gt           lt td width  quot 20  quot  gt            lt  td gt           lt td width  quot 40  quot  gt              Object 2          lt  td gt       lt  tr gt   lt  table gt   Or you could go the better way with div s  Just put your objects inside divs  Add a middle div and put these  3 divs inside another div  At the css style to the upper div  overflow  auto and define a width  Add css style to the  3 divs to define their width and add float  left example  lt div style  quot overflow  auto width  100   quot  gt       lt div style  quot width 200px float  left  quot  gt          Object  1      lt  div gt       lt div style  quot width 200px float  left  quot  gt        lt  div gt       lt div style  quot width 200px float  left  quot  gt          Object  2      lt  div gt   lt  div gt

User · Answer

Another way you can add horizontal space between elements is to set up labels to preserve spaces in css   label      white-space  pre        and then add a label with as many spaces as you want    lt label gt    lt  label gt

User · Answer

I think what you mean is putting 2 paragraphs  for example  in 2 columns instead of one below the other  In that case  I think float is your solution    lt div style  float  left  gt   lt  -- would cause this to hang on the left -- gt   lt div style  float  right  gt   lt  -- would cause this to hang on the right-- gt    Here s an example  http   jsfiddle net XPfLA 1

User · Answer

You should put a padding in each object  For example  you want a space between images  you can use the following   img     padding  5px      That means 5px paddin for ALL sides   Read more at http   www w3schools com css css padding asp   By the way  studying a lot before attempting to program will make things easier for you  and for us

[html] What's the HTML to have a horizontal space between two objects?

Examples related to html

Examples related to css