Как задать ширину текста в html

Как задать ширину контента для текста в input

Как показано на скриншоте существен ширина формы для текста, как её задать не знаю. Побывал обычные padding’и, задеться ширина для input но не для ширины текста в нём. HTML код контента в блоке в котором находиться input

.page-subscribe input

   SubscribeSignup For A Trail
 Create your free account now & get 30 days free 
trail No credit card required

Ширина текста

Здравствуйте, господа! Есть у меня проблема с HTMl-сайтом, а именно с шириной текста. Я приложил скриншот, чтобы вы видели проблему-не могу выровнять текст ровно по белому полю, красную строку сделал, а дальше всё идёт как не хочется(текст выезжает за белое поле). Так, вот, друзья, что ни искал, подобной проблемы ни у кого не было-ведь мне нужно создать сайт не в css, а в HTML, что немного усложняет задачу. Помогите мне разобраться с командами, с которыми я бы смог поместить текст ровно по белому полю. На всякий случай приложил код. Картинка у мена одна(это весь фон). А белое поле я просто подрисовал в пэйнте.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

html> head> title>Энциклопедия бодибилдера/title> /head> body> br> br> br> br> br> table width="50%" bgcolor="white" border="1" align="center" cellspacing="1" cellpadding="1"> caption>/caption> th>a href="Bodybuilding - Main.html" >img src="img/main.jpg" >br>/a>Главнаяth>/th> th>a href="Nutrition.html" >img src="img/food.jpg" >br>/a>Питание/th>th>a href="Exercise.html" >img src="img/exercise.jpg" >br>/a>Упражнения/th>th>a href="Sports.html" >img src="img/sports.jpg" >br>/a>Спортивное питание/th> /table> style> p < text-indent: 350; /* Отступ первой строки в пикселах */ >body < background: url(img/1.jpg) no-repeat; background-size: 100%; margin:0;padding:50; margin:0 auto; /style> /div> table width="100%" height="200%" border="0" align="center" cellpadding="4" cellspacing="0"> td valign="top"> p>Этой статьей проект открывает цикл заметок, посвященных вопросу – как набрать мышечную массу? Эта тема действительно будоражит пытливые умы практичесbr>ки любого, кто когда-либо переступал порог тренажерного зала. Она требует самого тщательного изучения, а посему на ее изучение мы отведем много больше обычного времени./p> /table> /style> /body> /html>

Как сделать ширину элемента li равной содержимому текста в нём?

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

Вопрос задан более двух лет назад
1243 просмотра

Читать:

Как настроить старый телевизор самсунг

4 комментария

Простой 4 комментария

Ankhena

Ankhena @Ankhena Куратор тега CSS

был шириной одинаковой с ним шириной

Кто с кем шириной?
Скрины чтоль приложите как есть и как должно быть.

По вашему коду не ясно:
— Зачем вы задаете для mail flex и column? В ul и так все элементы идут в столбик.
— Зачем вы потом задаете li’шкам inline-block, если они дочерние флекса и всё равно никакими инлайн-блоками не станут?

Everesil @Everesil Автор вопроса

необходимо. чтоб только по нажатию на текст заголовка h3 открывался вложенный ul.
Сейчас открывается также вне области данного текста, за его пределами. То есть ширина h3 равна ширине родительского ul, но нужно это исправить.

Ankhena

Ankhena @Ankhena Куратор тега CSS

Everesil, семантически верный вариант: положить внутрь заголовка ссылку и обрабатывать клик по ней. Потому что заголовок не является интерактивным элементом.

Семантически неверный вариант: задать заголовку inline-block либо width: max-content