пробел между элементом html и div

0

Я использую элемент html:

<div class="sample">
<p>hello</p>
</div>

Но я не хочу никакого пробела между тегами <p> и <div>.

Пожалуйста, помогите мне в этом вопросе.

  • 0
    показать соответствующий код CSS.
Теги:

4 ответа

1
<div class="sample" style="white-space:nowrap">
<p>Your Text</p>
</div>
1

использовать white-space:nowrap и margin:0
проверьте демо здесь

<div class="sample">
   <p>hello inside p tag</p>
   hello
</div>

CSS

body {
    margin:0;
    padding:0;
    width:100%;
}
p {
    margin:0;
}
div.sample {
    border:1px solid #000;
    min-width:100%;
    width:100%;
}
  • 0
    Ну, это не похоже на плохой аккаунт. +1! ;)
  • 0
    @ShadowWizard: Thankx мате ... она исходит из гуд счета, плохой счет незначительной частью его сейчас :)
1

Попробуйте написать код в single line,

<div class="sample"><p>hello</p></div>
  • 2
    Это не работает
  • 0
    @ user3122093 Это общее исправление. Кстати, вы используете какие-либо другие свойства CSS?
Показать ещё 1 комментарий
0

A <div> не имеет поля по умолчанию или отступов. Таким образом, между ними не должно быть никакого пространства.

Если вы хотите, вы можете переопределить маркер по умолчанию тега <p> с помощью

p
{ 
   margin:0;
}

PS:

Тег тела также имеет разницу по умолчанию, возможно, что вам нужно избавиться:

FIDDLE

body
{
    margin:0;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню