html - White space between table cells -


I have a list with several links in it, I want them to have a colorful background and some white space between them Must appear next to the other.

First let me see "Display: Inline-Block;" But then I could not give the link a vertical alignment. So I came to know that I had to perform a table-cell but now I do not have a white space because I have a color background.

I used padding, but he did not give me white space This is my code with Bella:

HTML:

   

CSS:

#first-page-menu {width: 1000px; Display area; Height: 50px; } .button li {display: table-cell; Background color: # 4A4AFF; Width: 200px; Height: 65px; Text align: center; Vertical-row: middle; }. Button Li & gt; A {text-decoration: none; Font-size: 40pt; Color: #FFFFFF; Letter-spacing: -4 pixels; }

This is my Bela:

You Border: 3px solid; You can check this Bela link for the demo: For border color: li in your CSS white

Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -