CSS: текст позиции внутри h2

У меня есть фоновое изображение в моем h2, есть ли способ разместить текст внутри h2?CSS: текст позиции внутри h2

2010-07-19 NullVoxPopuli

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

h2 { 
    font-size:15px; 
    line-height: 20px; 
    text-align: right; 
    padding: 30px 20px 5px 0; 
}

источник

2010-07-19 19:19:14 Guffa

Почему бы не поместить h2 в промежуток или div, поместите изображение там, а затем используйте прокладку, чтобы поместить в него h2. H2 - текст.

источник

2010-07-19 19:18:06 Vernon

Да, но если применить фоновое изображение для 'h2', вы можете добавьте визуальную привлекательность без дополнительной разметки HTML. – derekerdmann

Ну, это правильно, но я все равно думаю, что в конечном итоге это будет более управляемым, чтобы держать вещи раздельными. Затем можно просто добавить отступы и поля (или если вы хотите быть странными, границы). – Vernon

Наверное, нет. Избегание дополнительных элементов очистят как ваш HTML, так и ваш CSS, поскольку вам не нужно управлять двумя отдельными стилями для одного элемента пользовательского интерфейса. – derekerdmann

обивка
текста отступа
высота линии
обернуть текст внутри с DIV/пролете и маржинальной/заполнения/текст/отступа
обертывание текст внутри и позиции: по сравнению с h2, позиция абсолютная по внутреннему текстовому элементу.

и еще .. Возьмите с собой.

источник

2010-07-19 19:18:23

^line-height - это еще один гаечный ключ в вашем наборе инструментов поверх предложений медитера. – hollsk

использование CSS обивка:

{ 
    padding-left:8px; 
}

источник

2010-07-19 19:18:41

<h1 style='display:block; width:100%; height:40px; text-align:center'>text</h1>

источник

2010-07-19 19:19:21

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

<!DOCTYPE HTML> 
<html> 
<head> 
<style type="text/css"> 
    h2 
    { 
    background: #DEF; 
    width: 400px; height: 100px 
    padding: 40px 40px; 
    } 
</style> 
</head> 
<body> 
    <h2>Sample</h2> 
</body> 
</html>

источник

2010-07-19 19:20:02

CSS: текст позиции внутри h2

ответ

Смежные вопросы