Как вырезать полукруг в квадрате?

Question

[Odinokun]

Подскажите плз, как вырезать в сером фоне полукруг?
Фотокарточка будет растягиваться.
В рабочем сайте это будут различные фото и надпись внизу.

Comments

[potapovdmtriy]

Да вырезать не надо ниче position absolute bottom и border 3px solid white и все

Answer 1

[StelSik]

А поверх див с фоном, бордером и бордер-радиусом разве не вариант? Тем более однотонный фон.

Comments

[Odinokun]

Я что-то переживаю, что потом верстка поплывет при адаптировании на каком-нибудь мобильном.

[StelSik]

Дмитрий: Николай Петюх правильно говорит. Чтобы выровнять по средине - для дива ставите left: 50%; margin-left: -50px(то есть половину ширины. В данном случае я написал 50 для ширины 100). И в итоге он будет выравнен по средине и ничего не поплывет

[Odinokun]

StelSik: а как выровнять, если ширина блока который absolute будет меняться?
Это не данный случай, просто для общего развития интересуюсь.

[StelSik]

Дмитрий: тогда блоку с absolute ставите left: 0;, ширину 100% и text-align:center;, а потом внутри див с display:inline-block; и ему уже все оформление прописываете

[Odinokun]

StelSik: спасибо большое