Creeating more space between tabs

#access a {
	color: #ffffff;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}

if you are planning to do more work with wordpress, consider to get familiar with tools such as firefox web developer add-on or firebug, which make identifying css styles really easy and fast (and much more).

also, be aware that twenty ten as the default theme of wp3 will be overwritten with your next upgrade of your wordpress version; all modifications will be lost. consider creating a child theme https://codex.www.ads-software.com/Child_Themes

Thanks for the reply. Although I am not sure what to do with this code. Is the padding what creates the space between the tabs?

I have installed firebug, but I honestly cannot figure out how to use the new version. I found the firebug version with the toolbar at the top of the page useful, but I cannot locate the elements on the page in the CSS style feature. I am going to have to spend more time with it.

In the meantime, thanks for the tip on the twenty ten and the child page.

I will try playing around with the padding.

Changing the padding to create more space between the tab headings does not solve my problem. What I am trying to do it line up the top and bottom tabs headings to be one underneath the other and aligned. Also is it possible to align the sub menu titles to be centered. I know there is a float left and float right…how do you float center?

I have been Googling, but have not been able to come up with a solution. I am not yet proficient with the new Firebug. I cannot find the view style information under the CSS tab of the new Firebug.

Can you guys help me out?

https://twentyten.virtuallyassistingu.com/

Thanks.

>>. I cannot find the view style information under the CSS tab of the new Firebug.

https://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

https://showmedo.com/videotutorials/video?fromSeriesID=51&name=webdevNewlandFirebug

https://www.tutorial9.net/tutorials/web-tutorials/quick-easy-css-development-with-firebug/

if you want to align the links, you could try a min-width in the style for #access a:

#access a {
	color: #ffffff;
	display: block;
	line-height: 38px;
	padding: 0 10px;
min-width:110px;
	text-decoration: none;
}

Achymyth, It worked. I have never seen min-width used before.

123milliseconds, thanks for the links. I will get busy today learning Firebug.

Thanks for taking the time to help. I appreciate it.