安排元素权利

Question

我有这个网站：

http://test.dac-proiect.ro/wp/

我想进行此更改

http://i61.tinypic.com/296f3g4.png

代码HTML：

<div id="main">

                  <div id="linie">

                         <div id="logo-theme">
                            <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
                                 <img src="<?php echo get_template_directory_uri() . '/img/LOGO.png'; ?>" alt="<?php bloginfo( 'name' ); ?>" />
                            </a>
                        </div>

                        <div id="text-logo">
                        <h1>CABINET AVOCAT CODOBAN</h1>
                        </div>

                        <div id="square">

                        </div>

                 </div>

</div>

代码CSS：

  #square
    {
    width:200px;
    height:200px;
    background:url(img/BODY-CONTACT.png)




}
#linie
{
display:inline-block;
}




#logo-theme{margin-top:200px;class="img-responsive" display:inline-block; margin-right:10px;}


#text-logo{text-transform:uppercase;font-size:15px;color:#fff;margin-top:30px;}

我们在互联网上找到了一些例子，但我尝试但没有用......你能帮我解决这个问题吗？

提前致谢！

Answer 1

在#square上应用这些css：

position: absolute;
right: 0;
top: 200px;