Если при добавлении поля margin-right к изображению текст просто отображается снизу, вам необходимо увеличить размер родительского контейнера.
Если общая ширина двух компонентов больше, чем размер родительского контейнера, один из них переходит на следующую строку.
Примеры кода на
<div class="parentDiv">
<div class="image">
**image here (assume it's 100px wide)**
</div>
<div class="otherText">
**text here**
</div>
</div>
Это не сработает, потому что размер изображения + поле изображения + ширина другого текста> ширина родительского раздела. Это приведет к тому, что текст перейдет на следующую строку:
.parentDiv
{
width: 500px;
}
.image
{
float: left;
margin-right: 3px;
}
.otherText
{
float: left;
width: 400px;
}
Это будет работать:
.parentDiv
{
width: 510px;
}
.image
{
float: left;
margin-right: 3px;
}
.otherText
{
float: left;
width: 400px;
}