Twenty Twelve remove space between wp-menu items

Child theme

no the space is there with or without those borders – I only put those in the css to illustrate the problem – it’s the space between them that IS the problem and I can’t find where it’s coming from.

yes that’s it – I’ve just commented out the style ‘.main-navigation li a’ as a test and got the same – that is the space I want to get rid of but don’e know how

That’s cos I don’t really know what I’m doing; something backed up by the fact I don’t understand your answer!

In trying to understand I did searches for ‘float: left;’ – (no results in any of the styles relating to the menu) and ‘display: inline-block’

There are two but I haven’t added these – they are in my child css file but are also in the TwentyTwelve style.css file!

I’ve added nothing to float any elements in the menu and not changed any ‘display:’ settings.. I’ve put lots of floats in other parts of the page but none in the menu.

I don’t know what an anchor tag is but realise from your reply that:

‘.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border: 0;
display: inline-block !important;
text-align: left;
width: 100%;
}’

and

‘.main-navigation li {
display: inline-block;
text-decoration: none;
}’

are the things I’m going to need to change..

Here goes…

‘.main-navigation li a,
.main-navigation li {
/* display: inline-block; */
text-decoration: none;
float: left;
}’

appears to have done it. Thank you very much. I really do wish I understood more than I do but, with your reply, you have given me some starting points for further reading. As I say. Thanks very much.