Question

Здравствуйте, не получается выровнять блок с текстом по центру.

Вот css этого блока сейчас. Что я пытался: поставить width:30%, ставил width:100px, ставил и text-align:center и float:center и align:center на всякий случай. всё выравнивается по левому краю. Ставлю text-align:right и float:right - выравнивается по правому, по центру ну никак!

 

#fotobutton { border-style: solid; background:#D78C99; border-color:#b3475a; border-radius:7px; text-align:center;float:center; font-size: 2.5vw;}

Подскажите, как выровнять по центру, чтобы блок был в виде кнопки? 

Comments

Как вариант задать блоку оступы справа и слева margin или же дочернему блоку под кнопку  задать абсолютное позиционирование position: absolute и регулировать...

Answer 1

Допишите в ксс к стилям это width:150px; margin:0px auto;

Answer 2

Если сделать целиком блок кнопкой то можно div кнопки поставить перед началом блока и приписать стили если надо. Это всё с чем могу вам помочь. Более лучший ответ ждите от админов

Comments

Блок сделан ссылкой

<div id=fototekst1><font size="5"><b>2800</b> <font size="2">руб/месяц</font></font></div></a><a href="/index/kontakty/0-17"><div id=fotobutton>Записаться</div></a></div> 
</div>

извините, плохо понял что вы имеете в виду. Можете поподробнее? 

---

тогда попробуйте тегом a  охватить весь блок. примерно так

 <div> <a href="/index/kontakty/0-17"> <div id=fototekst1> <font size="5"> <b>2800</b>  <font size="2">руб/месяц</font> </font> </div> <div id=fotobutton>Записаться</div> </div>