Список справа от заголовка CSS

247
03 июля 2017, 18:04

Как сделать чтобы список был сразу справа от заголовка , а не под ним ?

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
<h5><b>Заголовок</b></h5> 
<ul class="list-inline"> 
  <li>1</li> 
  / 
  <li>2</li> 
  / 
  <li>3</li> 
</ul>

Answer 1

HTML:

<div>
    <h5 class="header">
        <b>Заголовок</b>
    </h5>
    <ul class="list">
        <li>1</li>
              /
        <li>2</li>
              /
        <li>3</li>
    </ul>
</div>

CSS:

ul.list {
    margin-top: 17px;
    padding: 4px
    float: left;
}
    ul.list li {
        display: inline;
        margin-right: 5px;
        padding: 13px;
    }
.header {
    float: left;
}

Результат: https://jsfiddle.net/069v7j3q/

READ ALSO
Рамка в стиле CATerpillar

Рамка в стиле CATerpillar

Какими средствами лучше всего сделать рамку, скажем к форме комментариев, как на присутствующем здесь изображении? Я понимаю что ее можно...

255
Как сохранить изменения в css файле Yii2

Как сохранить изменения в css файле Yii2

Вношу изменения в css-файле, который подключен и благополучно работал, но почему-то сейчас изменения в нем не сохраняются, php-storm все сохранил,...

301
LocationServices.FusedLocationApi.getLastLocation возвращает null

LocationServices.FusedLocationApi.getLastLocation возвращает null

Возвращает нулевой указатель в методе getCurrrentLocation()Как это исправить в моем случае? Заранее благодарю за помощь!

342