怎么把三个DIV弄在一行，

Question

<div class="index-header">

    <div class="d1"></div>
    <div style="display: inline"  class="search"><input type="hidden" id="URL_search" value="https://www.1-hj.com/search.html?type-course&amp;uid=2"> <input type="text" placeholder="输入课程/内容名称" class="search-text"></div>
    <div class="d3" onclick="location='URL'">登入</div>
```css
body{
                    margin:0px;
                    padding: 0;
                }
                 .d1 {
                display: inline;
                 width:40px; 
                 height: 20px;
                 float:left;
                background: url(./images/学汇百川.png);
                background-size:100% 100%;
                }
                .search{
                    margin:0;
                    position: relative;
                    top: 0.3rem;
                    margin: 0 0.8rem;
                    background: #F5F6FA url(./images/搜索(1).png) no-repeat 0.5rem 50%;
                    background-size: 0.9rem 0.9rem;
                    border-radius: 1.6rem;
                    box-sizing: border-box;
                    padding: 0 0.5rem 0 1.6rem;
                    height: 1.6rem;
                    color: #929699;
                }
                .d3{
                    display:inline;
                    width:20px;
                    height: 20px;
                    float: right;
                    background-image: url(./images/登入(1).png);
                    background-size:100% 100%;
                }

```

Answer 1

外面大div使用盒子模型设置即可，css如下：

.index-header {
            display:flex;
            justify-content:space-between;
            align-items:center;
        }