Блог

Главная - Вопросы по программированию - Как выровнять текст в одной строке?

Как выровнять текст в одной строке?

#css

#CSS

Вопрос:

Я пытаюсь сделать так, чтобы этот текст был в той же строке, но у меня ничего не получается

 #logo {  margin : 0;  padding : 0;  font-family : 'Dosis', sans-serif;  font-weight : 300;  text-align : center;  width : 50%; } 
 lt;h1 id="logo"gt;This text  lt;pgt;should be inlinelt;/pgt; lt;/h1gt;

Комментарии:

1. Сайт не жесток, просто пользователям нужно задавать осмысленные вопросы. В вашем случае вы используете два тега блока h1 и p . Если вы хотите, чтобы текст был в одной строке, замените p его на a span .

2. @Azu благодарит тебя за то, что ты самый быстрый комментатор на свете xD

3. @Azu Спасибо, что это сработало !!

4. @FlorianBecker Это работает !! Мне нравится концепция этого сайта, просто забаненная система немного сломана

Ответ №1:

Об этом используйте a span вместо абзаца.

По умолчанию абзацы есть display: block , поэтому они будут в новой строке , вы можете изменить эту часть, но абзац внутри заголовка не имеет смысла

Мы используем span для такого рода сценариев, не зная, почему вам нужно обернуть should be inline внутри новый элемент, но span это элемент, необходимый для большинства случаев использования стиля шрифтов

Комментарии:

1. Работает как заклинание, спасибо, что нашли время помочь мне в этом !

Ответ №2:

можете ли вы попробовать это :

 lt;!DOCTYPE htmlgt;  lt;htmlgt;  lt;headgt;  lt;link rel="stylesheet" href="design.css"gt;  lt;/headgt;  lt;bodygt;  lt;h1 id="logo"gt;This textlt;spangt;should be inlinelt;/spangt;lt;/h1gt;  lt;/bodygt;  lt;/htmlgt;

Ответ №3:

Я вижу много ответов, в которых говорится lt;pgt; , что тег следует заменить на a lt;spangt; , и в большинстве случаев это правильно.

однако:

если вы хотите сохранить настройку с помощью a lt;pgt; (чего, вероятно, не следует делать, потому что это не имеет смысла с точки зрения других программистов), вы также можете придать lt;pgt; тегу стиль. Используйте display: inline для принуждения lt;pgt; тега вести себя как a lt;spangt; .

Ответ №4:

попробуйте это :

 lt;h1 id="logo"gt;  This text  lt;spangt;should be inlinelt;/spangt;  lt;/h1gt;

Ответ №5:

lt;pgt; сокращенно от «абзац» и, таким образом, создается новый абзац. Если вы хотите, чтобы и то и другое было в одном абзаце, lt;pgt; замените lt;spangt; так:

 lt;!DOCTYPE htmlgt; lt;htmlgt;  lt;headgt;  lt;link rel="stylesheet" href="design.css" /gt;  lt;/headgt;  lt;bodygt;  lt;h1 id="logo"gt;  This text  lt;spangt;should be inlinelt;/spangt;  lt;/h1gt;  lt;/bodygt; lt;/htmlgt;

Вы также можете изменить таблицу стилей по умолчанию для lt;pgt; , вероятно, так, чтобы она вела себя lt;spangt; так, но это было бы сложнее, имо.

Метки: