div#maximenuckLEFT li.maximenuck img {
border: medium none;
float: left;
}
div#maximenuckLEFT span.titreck {
float: right;
text-decoration: none;
}
<a class="maximenuck MenuImagesTrio" title="MenuImages" href="#">
<img align="left" alt="MusicFromScratch" src="/images/templateImages/performance-music-violin.jpg">
<span class="titreck">MusicFromScratch</span>
</a>
So I can apply it to similar menus I don't want the css to be too specific. Perhaps something just based on "a class="maximenuck MenuImagesTrio"<a class="maximenuck MenuImagesTrio" title="MenuImages" href="#">
<img align="left" alt="MusicFromScratch" src="/images/templateImages/performance-music-violin.jpg">
<span class="titreck">MusicFromScratch</span>
</a>
.maximenuck a.MenuImagesTrio {
text-align: right;
}
.maximenuck a.MenuImagesTrio img {
float: left;
margin-right: 1em;
}
.maximenuck a.MenuImagesTrio {
text-align: right;
padding-right: 20px;
}
.maximenuck a.MenuImagesTrio img {
float: left;
margin-right: 20em;
}
Maybe I d not have it quick right As tests I tried margins and padding. :(.maximenuck a.MenuImagesTrio {
text-align: left;
margin-left: 20px;
padding-left: 20px;
}
.maximenuck a.MenuImagesTrio img {
float: left;
margin-left: 20em;
margin-left: 20px;
padding-left: 20px;
}
Any reason you chose 1em for the right margin settings (rather than px).I find that 1em is often a good starting point for padding. Also I like to remind people that there are more units than just "px" and percentages.
When you say "ID Selector" I assume that would cover both div. and div#? (div ID and div CLASS)????Your question is not clear so I'll explain more about this. In CSS Selectors an ID has the highest weight. Class and attribute selectors have the next highest, element-type comes next, and then the universal selector has the lowest.
The text and left is in the middle of the page, on the left.
Link to page, work in progress
Thanks!
Rowby