удалить пробел между абзацем и неупорядоченным списком

Question

удалить пробел между абзацем и неупорядоченным списком

<p>Text</p>
<ul>
  <li>One</li>
</ul>
 <p>Text 2</p>

Как удалить вертикальный пробел между абзацем и списком.

Чтобы быть более конкретным - как уменьшить нижнее поле / заполнение тега p ТОЛЬКО, когда за ним следует неупорядоченный список. Все ответы, которые я здесь вижу, удаляют пробел после всех тегов p - это не то, о чем спрашивали.

24

html css

задан RioBrewster 16 October 2013 в 22:12

3 ответа

Другие вопросы по тегам:

html css

Похожие вопросы:

score 3 · Answer 1

p, ul{
     padding:0; 
     margin:0;
}

Если это не то, что вы ищете, вам нужно быть более конкретным

3

ответ дан 28 November 2019 в 22:56

score 2 · Answer 2

В каждом браузере есть несколько стилей по умолчанию, которые применяются к ряду элементов HTML, например p и ul. Упоминаемое вами пространство, вероятно, создано из-за полей по умолчанию и отступов вашего браузера. Вы можете сбросить их, хотя:

p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; }

Вы также можете сбросить все поля и отступы по умолчанию:

* { margin: 0; padding: 0; }

Я предлагаю вам взглянуть на normalize.css: http: //necolas.github.com/normalize.css/

score 1 · Answer 3

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

<dl><dt>Text</dt>
<dd><ul><li>First item</li>
<li>Second item</li></ul></dd></dl>