2015-09-09 4 views
-1

Как вставить несколько пикселей пространства между изображением и тэгами здесь. Я хотел, чтобы p был справа от моего изображения, но теперь он слишком близко. Я хотел бы получить несколько пикселей пространства в.добавить пробел между изображениями и элементами HTML HTML

HTML

<label class="radio-inline"> 
<input ng-change="" ng-model="" type="radio" value="f" id="inlineRadio1" name=""><img src="http://blahblah.png" alt="some_text"></img><p>Blah</p> 

CSS

.radio-inline img{ 
    float: left; 
} 

.radio-inline p { 
    overflow: hidden; 
} 
+0

маржа? Перетяжка? – j08691

ответ

2

.radio-inline img { 
 
    float: left; 
 
    margin: 0 16px 16px 0; 
 
} 
 
.radio-inline p { 
 
    overflow: hidden; 
 
}
<label class="radio-inline"> 
 
    <input ng-change="" ng-model="" type="radio" value="f" id="inlineRadio1" name=""> 
 
    <img src="http://lorempixel.com/output/city-q-c-30-30-9.jpg" alt="some_text"> 
 
    <p>Blah</p> 
 
</label>

+0

спасибо, я не профессионал CSS. Я попытался добавить один маркер слева или справа, но не работал. – coolalligator15

+0

Ive добавил для вас рабочий пример. – Aaron

Смежные вопросы