title: Changing the font of php code using css styling
body: <p>The code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Greeting Service!&lt;/title&gt;
  &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' /&gt;
  &lt;style type="text/css"&gt;
  #name {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  }
  #greet {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;center&gt;
  &lt;?php
  if (isset($_POST['language'])) {
  $language = $_POST['language'];
  switch ($_POST['language']) {
  case "option1":
  $result = "Hello, {$_POST['name']}!"; 
  break;
  case "option2":
  $result = "你好, {$_POST['name']}!"; 
  break;
  case "option3":
  $result = "Bonjour, {$_POST['name']}!"; 
  break;
  }
  echo $result;
  } else {
  ?&gt;
  &lt;form method="post" action=""&gt;
  &lt;h1 id="name"&gt;What's Your Name?&lt;/h1&gt;
  &lt;input type="text" name="name" placeholder="Name Here" /&gt;
  &lt;h4 id="greet"&gt;Greet me in:
  &lt;select name="language"&gt;
  &lt;option value="option1"&gt;English&lt;/option&gt;
  &lt;option value="option2"&gt;Chinese&lt;/option&gt;
  &lt;option value="option3"&gt;French&lt;/option&gt;
  &lt;/select&gt;
  &lt;/h4&gt;
  &lt;input type="submit" value="Greet Me!" /&gt;
  &lt;/form&gt;
  &lt;/center&gt;
  &lt;?php
  }
  ?&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm not sure how i am able to change the font of the 'name' outputted from the text-box. Is it possible to use css styling in php code? I would like to change the font-weight and font-family of the text outputted from the text box. Thanks</p>