CSS: позиционировать текст внутри h2 - PullRequest
0 голосов
/ 19 июля 2010

В моем h2 есть фоновое изображение, есть ли способ разместить текст внутри h2?

Ответы [ 6 ]

1 голос
/ 19 июля 2010

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

0 голосов
/ 19 июля 2010

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

<!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>
0 голосов
/ 19 июля 2010
<h1 style='display:block; width:100%; height:40px; text-align:center'>text</h1>
0 голосов
/ 19 июля 2010

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

h2 {
  font-size:15px;
  line-height: 20px;
  text-align: right;
  padding: 30px 20px 5px 0;
}
0 голосов
/ 19 июля 2010

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

{
    padding-left:8px;
}
0 голосов
/ 19 июля 2010
  1. обивка
  2. Текст-отступов
  3. высота строки
  4. обернуть текст внутри тегами div / span и margin / padding / text / indent
  5. Обтекание текста внутри и положение: относительно h2, абсолютное положение на внутреннем элементе текста.

и более .. Выбирай.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...