CODEWITHSUNDEEP
htmlcss
carloss medranoo
carloss medranoo

Reputation: 1489

Space between hrefs

I have this div.

 <div class="abc">
    <a href="#">Select All</a>
     <a href="#">#</a>
    {{#each letters}}
        <a href="#">{{this}}</a>
    {{/each}}
 </div>

Which prints something like this:
enter image description here

But I want to get something like this:
enter image description here

Ignore the star icon.

I want to have space between each letter and also change the color of the href

Already tried with

margin-left: 1.375rem;

But it didn't work.

Upvotes: 0

Views: 99

Answers (2)

Lu&#237;s P. A.
Lu&#237;s P. A.

Reputation: 9739

Just use display: inline-block; in <a> and set your margin or padding

CSS

a{
    display: inline-block;
    margin-right: 10px; //Adjust your needs
}

DEMO HERE

Upvotes: 3

Alex Tartan
Alex Tartan

Reputation: 6826

Use padding:

<a href="#" style="padding:3px">{{this}}</a>

Of course, it would be a lot cleaner to use a css class.

Upvotes: 0

Related Questions