How to center a content editor webpart on a page

Question

I've a content editor webpart with a linked js that display a searchbox. I'd like center my webpart in the page
Here is the html in my js file
<div style="display:table; margin:0 auto;width:100%">
    <div style="float:left">
        <input type="text" id="tbSearch" name="tbSearch" class="ms-sbplain" style="width: 368px;" onkeydown="if (event.keyCode == 13){launchSearch();return false;}">
    </div>
    <div style="float:left;border-width: 1px; border-style: solid; border-color: #c3c3c3; border-left-width:0 ">
        <img  onClick="launchSearch();return false;" title="Search" class="srch-gosearchimg" onmouseover="this.src='\u002f_layouts\u002fimages\u002fgosearchhover30.png'" onmouseout="this.src='\u002f_layouts\u002fimages\u002fgosearch30.png'"
alt="Search" src="/_layouts/images/gosearch30.png"/>
    </div>                                  
</div>

Answer 1

You could wrap the contents of your content editor web part in a div and apply styling/attributes
to the div to center it on the page.
as 
You should be able to get the ID of the Search Web Part and then use the align center code.
align="center"