#html
Вопрос:
Мой вопрос в том, как уменьшить размер границы , чтобы она соответствовала div , чтобы она состояла из a h5 hr и 2 p элементов?
lt;div style="border: black 0.5px solid ; align-self: start;"gt; lt;h5 style="margin-left: 450px;margin-top: 200px;"gt;xxxxlt;/h5gt; lt;hr width="50px" style="margin-left: 4px;" /gt; lt;p style="margin-left: 450px;margin-top: 40px;"gt;xxxxlt;/pgt; lt;p style="margin-left: 450px;margin-top: 10px;"gt;xxxxlt;/pgt; lt;/divgt; Комментарии:
1. Начните с допустимого HTML. Я добавил lt;!doctype htmlgt;,lt;! doctype htmlgt;lt;/headgt; lt; /headgt;lt;/h5gt; и поменял косую черту в lt;/h5gt;lt;hr/gt;
2. Что вы подразумеваете под размером границы? Вы хотите, чтобы div был меньше или граница была толще?
3. Чего именно вы хотите добиться?
4. Я бы хотел ,чтобы граница помещалась только вокруг div, код, который я дал при запуске, подходит для всего раздела
Ответ №1:
Вы можете использовать следующий код для удаления наборов отступов и полей в браузере
*{ padding: 0px; margin: 0px; } добавьте его ниже внутри ЗДЕСЬ! и это уменьшит размер границы, чтобы соответствовать странице, чтобы вы могли работать с div
Комментарии:
1. я бы хотел, чтобы граница располагалась вокруг div и элементов
2. Вы должны указать размер ширины и высоты, чтобы он помещался вокруг div и элементов
Ответ №2:
Вы хотите удалить какой css -то тег , потому что он не требуется, и указать определенную ширину родительского тега h5 и p т. Д… ты хочешь. не забудьте дать margin: 0 и padding: 0 пометить тело, если вы забудете, что это создаст ненужное пространство на вашем сайте
Вот здесь внизу код:
lt;headgt; lt;titlegt;Page Titlelt;/titlegt; lt;/headgt; lt;body style="margin:0;padding: 0; width: 200px; text-align: center"gt; lt;div style="border: black 0.5px solid; padding: 10px 20px"gt; lt;h1gt;Headerlt;/h1gt; lt;hr/gt; lt;pgt;contentlt;/pgt; lt;hr/gt; lt;h5gt;footerlt;/h5gt; lt;/divgt; lt;/bodygt; lt;/htmlgt;