Push top right menu items to the right

Looking more backwards compatible

plugins/tiddlywiki/menubar/items/toprightbar.tid

@@ -3,6 +3,7 @@ tags: $:/tags/MenuBar
 description: Items from $:/tags/TopRightBar
 caption: Legacy Top Right Bar
 custom-menu-content: <$transclude tiddler="$:/plugins/tiddlywiki/menubar/items/toprightbar" mode="inline"/>
+custom-menu-styles: float: right;
 
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/TopRightBar]!has[draft.of]]" variable="listItem" storyview="pop">
 

plugins/tiddlywiki/menubar/menu.tid

@@ -50,6 +50,7 @@ tags: $:/tags/PageTemplate
 <div class="tc-menubar-wide">
 <<menubar-inner wide>>
 </div>
+<div style="clear:both;"/>
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/MenuBar]!has[draft.of]is-dropdown[yes]]">
 <$list filter="[<currentTiddler>addprefix[$:/config/plugins/menubar/MenuItems/Visibility/]get[text]] ~show +[match[show]]" variable="ignore">
 <$set name="dropdown-state" value=<<qualify "$:/state/popup/topmenu/dropdown/">>>

plugins/tiddlywiki/menubar/readme.tid

@@ -25,3 +25,4 @@ Menu items are tagged <<tag $:/tags/MenuBar>>. The following fields are used by
 
 Custom menu items should make sure that the clickable link or button is an immediate child, and not wrapped in another element.
 
+Note that menu items can be pushed to the right of the menu bar setting the ''custom-menu-styles'' field to `float: right;`.