{"id":823616,"date":"2008-07-31T08:38:34","date_gmt":"2008-07-31T08:38:34","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/help-needed-placing-2-elements-side-by-side\/"},"modified":"2016-08-19T01:49:49","modified_gmt":"2016-08-19T01:49:49","slug":"help-needed-placing-2-elements-side-by-side","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/help-needed-placing-2-elements-side-by-side\/","title":{"rendered":"help needed! placing 2 elements side by side"},"content":{"rendered":"<p>Hi, i am modifying a them and need to place the search box on the right side of the logo (please check http:\/\/vpromote.net) right now the search box in on top of the logo. Since i am new at css, please help me figure this out.<\/p>\n<p>Header.php<\/p>\n<p>&lt;div id=&#8221;sitename&#8221;&gt;<br \/>\n&lt;div id=&#8221;searchbox&#8221;&gt;<br \/>\n&lt;form method=&#8221;get&#8221; action=&#8221;&lt;?php echo $_SERVER[&#8216;PHP_SELF&#8217;]; ?&gt;&#8221;&gt;<br \/>\n&lt;input name=&#8221;s&#8221; type=&#8221;text&#8221; class=&#8221;sb&#8221; value=&#8221;Search&#8221; size=&#8221;10&#8243; tabindex=&#8221;1&#8243; \/&gt;<br \/>\n&lt;input name=&#8221;search&#8221; type=&#8221;submit&#8221; value=&#8221;search&#8221; \/&gt;<br \/>\n&lt;\/form&gt;<br \/>\n&lt;\/div&gt;<br \/>\n<a>&#8220;&gt;<br \/>\n&lt;img src=&#8221;&lt;?php bloginfo(&#8216;template_directory&#8217;); ?&gt;\/images\/logo-small.gif&#8221; \/&gt;<\/a><br \/>\n&lt;\/div&gt;<br \/>\n&lt;div id=&#8221;navs&#8221;&gt;<br \/>\n&lt;div id=&#8221;navigator&#8221;&gt;<\/p>\n<ul>\n<li><a>&#8220;&gt;Home<\/a><\/li>\n<p>&lt;?php wp_list_pages(&#8216;title_li=&#038;depth=1&#8217;); ?&gt;\n<\/ul>\n<p>&lt;\/div&gt;<\/p>\n<p>Style.css<\/p>\n<p>#sitename {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 415px;<br \/>\n}<br \/>\n#navs {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 915px;<br \/>\n\theight: 45px;<br \/>\n}<br \/>\n#searchbox {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 100%;<br \/>\n}<br \/>\n#searchbox form {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px 0px 0px 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 70%;<br \/>\n}<br \/>\n#searchbox .sb {<br \/>\n\tfont-family: Arial, Tahoma, &#8220;Lucida Sans&#8221;;<br \/>\n\tfont-size: 12px;<br \/>\n\tcolor: #333333;<br \/>\n\tbackground: #FFFFFF;<br \/>\n\tmargin: 0px 5px 0px 0px;<br \/>\n\tpadding: 1px 4px;<br \/>\n\twidth: 200px;<br \/>\n\tborder: 1px solid #CCCCCC;<br \/>\n}<br \/>\n#navigator {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 19px 2% 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 100%;<br \/>\n\theight: 28px;<br \/>\n\tbackground: url(images\/navs.jpg) no-repeat bottom;<br \/>\n}<br \/>\n#navigator ul {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px;<br \/>\n\tfloat: left;<br \/>\n\twidth: 100%;<br \/>\n\tlist-style-type: none;<br \/>\n}<br \/>\n#navigator ul li {<br \/>\n\tmargin: 0px;<br \/>\n\tpadding: 0px 19px;<br \/>\n\tfloat: left;<br \/>\n\tlist-style-type: none;<br \/>\n\tdisplay: inline;<br \/>\n\tfont-size: 12px;<br \/>\n\tcolor: #FFFFFF;<br \/>\n\tline-height: 28px;<br \/>\n\theight: 28px;<br \/>\n\tborder-right: 1px dotted #35617B;<br \/>\n}<br \/>\n#navigator li a {<br \/>\n\tcolor: #9edfd4;<br \/>\n\ttext-decoration: none;<br \/>\n}<br \/>\n#navigator li a:hover {<br \/>\n\tcolor: #268D9F;<br \/>\n\ttext-decoration: underline;<br \/>\n}<\/p>\n","protected":false},"template":"","class_list":["post-823616","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/823616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/823616\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=823616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}