Design Question: Image between two sections

[DzinePOD]

Hi,
I would like to create a Book Now button that floats in between two sections. See photo. How can this be accomplished?

Thanks!

[basanta]

Hi There,

Thanks for writing in!

You can keep the button in the middle of two sections by adding a -ve top margin to the button element.
or you can use custom css for that.

Example

.buttonclass {
    transform: translate(0px,-100px); /* Standard syntax */
     -ms-transform: translate(0px,-100px); /* IE 9 */
    -webkit-transform: translate(0px,-100px); /* Safari */  
}

You can adjust the value as per requirement. The class would be your button class.

Hope this helps!

[DzinePOD]

Perfect! Thanks!!

[basanta]

you are most welcome!