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
Post a Comment