Some pointers required please

[theremotedr]

Hi,
Ive researched this but did not see my answer.
Here is the page in question http://www.theremotedoctor.co.uk/ztest.html

My problems are the following.
Unable to center phone.
Unable to get phones dark blue background inline with the pages outer blue borader.

I currently have the css written at line 163 whilst my text is at lline 225
After this request is sorted i need to copy/paste this phone/css etc into 50 pages elsewhere.
How if possible can the css & text be written in one place as line 225 so its easier to copy/paste to the other pages without having to copy things twice.
If you understand what i mean.

Im sorry if im a nuisance but trying my best before i ask.

[styxlawyer]

Firstly, all that CSS should be in a separate file which is included by adding one line into the page header:



<link rel="stylesheet" type="text/css" href="your_style_sheet.css">


Secondly, there are better solutions than copy and pasting the same code into 50 different files. The old fashioned way was to use Server Side Includes and either rename your source files to .shtml or use XBitHack if your server is Unix (see here (https://httpd.apache.org/docs/2.2/howto/ssi.html)). However, a much simple solution is to simply rename your .html files as .php and then use the PHP include directive to add the requisite file at the correct place in your source file.



<?php include 'myfile.html'; ?>

[mlegg]

to center the phone image find the phone in the bottom of your css .phonembutton
change text:middle to text-align:center;

[theremotedr]

Phone centered, i used : by mistake and not ;
This page of code will be put into ebay not my web site.

[theremotedr]

Think I got this now but will check in the morning.
Replace
width:100% with


right: 15px;
left: 15px;