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

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -