2015-07-31 2 views
0

this - это то, что я запускаю в jsfiddle.Как удалить пространство, созданное между предложением и абзацем в HTML

<span style='font-weight:bold'>Summary: </span><p>This is a test.</p> 

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

Резюме: Это тест.

ответ

1

<p> тег - элемент блока. Если вы хотите отобразить в одной строке Set display:inline для <p> теге

p{display:inline}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>untitled</title> 
 
</head> 
 
<body> 
 
\t <span style='font-weight:bold'>Summary: </span><p>This is a test.</p> 
 
</body> 
 
</html>

+0

Если вы не возражаете, я действительно новым для кодирования и был бы признателен, если вы можете показать мне, как готово. Я попытался добавить то, что вы сказали как стиль, но не смог заставить его работать. –

+0

Я добавил пример кода –

+0

Спасибо за ответ! В настоящее время я делаю это в встроенном методе, например, как он закодирован в html-разделе jsfiddle. Есть ли способ добавить встроенный код в этот код. Теперь с интерфейсом я не могу установить встроенный дисплей в тег абзаца без того, чтобы этот код отображался как обычный текст. –