Change position of image and text

In this example first come text and when come image http://jsfiddle.net/Nazaret2005/5fkdb6jr/
What i need to change, to see image (in right) and when text. like

Thanks for help (And i need this for language arabic and hebrew)

Change this:

#nav li a, #nav li span {
padding: 0 10px 25px 25px;
}

to this:

#nav li a, #nav li span {
padding: 0 25px 25px 10px;
}

and this:

#nav li.main:hover {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAAPlQTFRF3e7/3ngA5YAA7YcA9Y8A+5UA/5kA/7Iz/71I/8Za/8xm////zGYA1nAA3ngA5YAA7YcA9Y8A+5UA/5kAZpnMZjMAZpnMbZ7PcKPWd4iZeKbUgLLlhK7Zj8L1kLfemWYzmcz/mr7inms4o3A9pXI/qrvMrbjCrntIsoBNs4BNt4RRwo9cx551zGYAzJlm0GoA1KV11nAA2q+F28Ww3e7/3ngA37aM3+//4Mmy4vD/5YAA5fL/5r+Z6PT/6cak7Mim7YcA8O/v8Pf/9Pn/9Y8A99m89/v/+v3/+5UA/f7//5kA/58M/6ge/7Iz/71I/8Za/8xm/+XM////UE6LqQAAABV0Uk5TAAAAAAAAAAAAAAAAgICAgICAgIC/DY1D0gAAANVJREFUGJVdz8USwlAMRuEgLZQWdy0WPBd3KxQtWt7/Yciw5Du7f5GZgCwLIeSoZUXlH5B8bbsdubzfl4iPSeBWGqvG4UX0OoQVRXGDy1sRxpMQ6WmEwOsCp0dfPAivV6THIuhxgiMwvhOeGdJ9HHCAv38jPP0g3fp+6FqEpmnuZkLMamR1gfjeHvfDgW0PhkgEWmKd5jqb43HTWSc0UIvLD9fastayqIKanyNXF/HJpD7P85Cdprlqj1WnWR5Sow9X5hdFeZTiIZbM5Aolvcn0ZIyHP195nyeZFqIEvgAAAABJRU5ErkJggg==) no-repeat 5px 5px #FFF}

to this

#nav li.main:hover {background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAAK/INwWK6QAAAPlQTFRF3e7/3ngA5YAA7YcA9Y8A+5UA/5kA/7Iz/71I/8Za/8xm////zGYA1nAA3ngA5YAA7YcA9Y8A+5UA/5kAZpnMZjMAZpnMbZ7PcKPWd4iZeKbUgLLlhK7Zj8L1kLfemWYzmcz/mr7inms4o3A9pXI/qrvMrbjCrntIsoBNs4BNt4RRwo9cx551zGYAzJlm0GoA1KV11nAA2q+F28Ww3e7/3ngA37aM3+//4Mmy4vD/5YAA5fL/5r+Z6PT/6cak7Mim7YcA8O/v8Pf/9Pn/9Y8A99m89/v/+v3/+5UA/f7//5kA/58M/6ge/7Iz/71I/8Za/8xm/+XM////UE6LqQAAABV0Uk5TAAAAAAAAAAAAAAAAgICAgICAgIC/DY1D0gAAANVJREFUGJVdz8USwlAMRuEgLZQWdy0WPBd3KxQtWt7/Yciw5Du7f5GZgCwLIeSoZUXlH5B8bbsdubzfl4iPSeBWGqvG4UX0OoQVRXGDy1sRxpMQ6WmEwOsCp0dfPAivV6THIuhxgiMwvhOeGdJ9HHCAv38jPP0g3fp+6FqEpmnuZkLMamR1gfjeHvfDgW0PhkgEWmKd5jqb43HTWSc0UIvLD9fastayqIKanyNXF/HJpD7P85Cdprlqj1WnWR5Sow9X5hdFeZTiIZbM5Aolvcn0ZIyHP195nyeZFqIEvgAAAABJRU5ErkJggg==) no-repeat 100% 5px #FFF}

2 Likes

Thank you very much!

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.