CSS текст в блок-элемент с фоновым изображением - PullRequest
Новая
       2

CSS текст в блок-элемент с фоновым изображением

2 голосов
/ 02 апреля 2011

Я бы хотел, чтобы текст h2 на моей боковой панели был выровнен по правому краю и «сжат» слева, чтобы текст появлялся на отдельных линиях и аккуратно помещался в правой, более толстой части фоновых изображений.Я очень ценю вашу помощь ... 

#l_sidebar ul h2,
#r_sidebar ul h2 {
 background: transparent url("images/tag_green01.png") top left no-repeat;
 text-align: right;
 width: 180px;
 height: 50px;
 padding-top: 50px;
}

сайт: http://www.wespeakfashion.com/

1 Ответ

2 голосов
/ 02 апреля 2011 
width: 180px;

Это ширина вашей H2, так что любой текст, который может поместиться в этом пространстве и не должен переноситься, не будет.Если вы хотите принудительно выполнить перенос, вы должны либо: а) уменьшить ширину вашего H2 до его переноса, либо б) добавить
теги между каждым словом в тексте.

ОБНОВЛЕНИЕ:

У вас есть некоторые проблемы с вашим HTML.Это недопустимо: 

<div id="l_sidebar">
    <ul class="l_sidebarwidgeted">
        <h2>Recently Written</h2>
        <ul>

Единственным разрешенным прямым потомком UL является LI.

Попробуйте что-то вроде этого: 

 <div id="l_sidebar">
    <h2>My<br>Title<br>Here</h2>
    <ul>
        <li>etc...

Где h2 будет текстомВыравнивание: верно.Затем вы можете задать отступ справа, чтобы настроить выравнивание текста по правому краю боковой панели.

...