how to put HTML5 search form in top right corner of the website

So your page at the moment has the search form but it’s not where you want?

yes! ?? exactly i just want it in the top right corner !

Can I see your website

right now jst creating in local host
https://i59.tinypic.com/301d08j.jpg

I would question whether the search form actually needs to be in your menu. If outside of your menu it’ll be easier to position where you want it.

yes i would like my search form outside the menu
and should be besides my logo on the right side could you help me with the css

seems i need to change the function.php and style.css

@yavarkhan – does this thread help you?

yes ?? thanku i tried a different approach

created a extra widget in function.php

/ Adds a widget area.
if (function_exists('register_sidebar')) {
    register_sidebar(array(
    'name' => 'Extra Header Widget Area',
    'id' => 'extra-widget-area',
    'description' => 'Extra widget area after the header',
    'before_widget' => '<div class="widget my-extra-widget">',
    'after_widget' => '</div>',
    'before_title' => '<h2>',
    'after_title' => '</h2>'
    ));
}
// Place the widget area after the header
add_action ('__before_header', 'add_my_widget_area', 0);
function add_my_widget_area() {
    if (function_exists('dynamic_sidebar')) {
    dynamic_sidebar('Extra Header Widget Area');
    }
}

and little style.css

/* Move the extra widget area to the right of the page*/
.my-extra-widget {
float: none;
position: absolute;
width: 100%
  z-index: 210;
margin-left:830px;
top: 40px;
}

guys could ull check my style.css cause im little worried abt my css cause this is the 1st time i did my css ??