Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

put spaces between links

Tags:

html

I have two questions:

  1. When i run the code below, it shows me names of links in large form, after i reload, it is good, so what is problem?

  2. I want to put spaces between names like this:

მთავარი ბაკურიანი გუდაური ზღვა კახეთი სვანეთი ვარძია ქართლი ძველი_თბილისი

How could i do this?

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  </head>
  <style>

    #links { 
      margin: 0 auto; 
      width: 3000px; 
      font-size:70px;
      clear: both; 
      display: block;
    }
    
    #test a {
      float: right;
    }
  </style>
  <body bgcolor="blue" >
    <a href="indexE.html"><img src ='english.gif' style="float:right"  width="88" height="88"> </a>
    <a href="indexR.html"><img src ='russian.gif' alt="Russian flag" style="float:right"  width="88" height="88"/>
    <a href="index.html"> <img src="georgian.jpg"  style="float:right" width="88" height="88"/>
    <div id="links">
      <a href=" index.html " >მთავარი </a>
      <a href=" ბაკურიანი.html ">ბაკურიანი </a>
      <a href=" გუდაური.html ">გუდაური </a>
      <a href=" ზღვა.html ">ზღვა </a>
      <a href=" კახეთი.html ">კახეთი </a>
      <a href=" სვანეთი.html ">სვანეთი </a>
      <a href=" ვარძია.html ">ვარძია </a>
      <a href=" ქართლი.html ">ქართლი </a>
      <a href=" ძველი_თბილისი.html ">ძველი_თბილისი </a>
    </div>
  </body>
</html>
like image 814
dato datuashvili Avatar asked Jul 17 '12 08:07

dato datuashvili


People also ask

How do you put a space between Hrefs in HTML?

You could use &nbsp; for space, it is a valid HTML string for space so it'll be validated by W3C too.

How do I use &NBSP?

Type &nbsp; where you want to insert an extra space. Add one non-breaking space character for every space you want to add. Unlike pressing the spacebar multiple times in your HTML code, typing &nbsp; more than once creates as many spaces as there are instances of &nbsp; .

Can we give spaces between tags?

The <&nbsp> tag creates a space that does not break into a new line. Two words that are separated by a non-breaking space always appear on the same line. You can also add space around text using Cascading Style Sheets (CSS).


1 Answers

For question 2.): you could simply put a non breaking space in between:

<a href=" კახეთი.html ">კახეთი </a>
&nbsp;
<a href=" სვანეთი.html ">სვანეთი </a>
&nbsp;
<a href=" ვარძია.html ">ვარძია </a>

Which results in:

კახეთი   სვანეთი   ვარძია

Or you can add paddings/margins inside your style definitions so that anchors ("a tags") reserve some space to the left and/or right. The latte certainly is the preferred way to go.

like image 75
arkascha Avatar answered Nov 15 '22 07:11

arkascha