html - align text and image in center of div -
I have div and two components in it, logo and phone number I managed to manage the logo in the center of the div, But the phone number is not at the center at all:
I need a phone number a bit (text.height / 2) below. how to do this?
& lt; Div class = "payments-mobile-cash-insert-round-corner-div payment-mobile-cash-insert-number-box" & gt; & Lt; Img id = "service-logo" src = "//: 0" data-bound = "attr: {src: paymentService.image}" /> & Lt; Span id = "phone-number" class = "textstyle-4" data-bound = "text: notice line [0] .value" & gt; & Lt; / Span & gt; & Lt; / Div & gt; . Payment-mobile-cash-dart-round-corner-div (margin: auto; range: 1px solid #dfdfdf; border-radius: 7px; width: 1170px; text align: center;} .payment-mobile-cache -Remove-number-box {height: 196px;} Pay-mobile-cache-insert-number-box img {vertical-align: center;}. Payment-mobile-cache-insert-number-box duration {Margin-left: 50px; font-size: 62px; line-height: 196px; vertical Line-row: beach;}
This code is the phone number component in your CSS file To add,
.heet {padding-top: 10px; padding-left: 5px;} In your html code, the phone number component Add the following line to the class attribute section
class = "height"
Comments
Post a Comment