У меня есть эта настройка, с HTML:
<h4 class="wrap-title">Name</h4>
<button class="btn btn-primary btn-xs title-button" ng-click="uploadNewImage()"><span class="glyphicon glyphicon-upload"></span> Upload</button>
<p>{{venue.name}}</p>
и CSS:
.wrap-title {
float:left;
margin-right: 5px;
}
.title-button {
cursor: pointer;
margin: 10px 0px;
float:none;
}
Как бы я хотел, чтобы кремы были под "именем"? Заранее спасибо! Я не могу для жизни понять, как почему-то.
Может быть немного чище обернуть поплавки в div и использовать clearfix
<div class="clearfix">
<h4 class="wrap-title">Name</h4>
<button class="btn btn-primary btn-xs title-button" ng-click="uploadNewImage()">
<span class="glyphicon glyphicon-upload"></span> Upload
</button>
</div>
<p>{{venue.name}}</p>
здесь clearfix css
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
Вот объяснение, приведенное в шаблоне html5
Clearfix: содержит поплавки. Для современных браузеров
contenteditable
включен где-либо еще в документе. В противном случае это приведет к появлению пространства в верхней и нижней clearfix
элементов, которые получают класс clearfix
.table
а не block
необходимо только при использовании :before
содержать верхние поля дочерних элементов.Вам нужно очистить поплавок:
p {
clear:left:
}