Question: I'm using wordpress to build a website and currently have the about page done but I want to add images to the right hand side of the page. I cannot put in any css into the template because it already has its own css. It accepts html tags though. So how would I go about getting the three images I want on the right hand side of the page? Here is the code that I do have:

```
<div id="header">
  <h4 style="color: #6f9458;">Welcome to the Greens at Amyclae!</h4>
</div>

<div id="content">
  <div class="col">
    <p>my text here </p>
    <h6 style="color: #6f9458;">Overview</h6>
    <p>more text here</p>
   <h6> Stafford County Public Schools serve the Greens at Amyclae 
subdivision.</h6>
    <ul>
        <li>Winding Creek Elementary School</li>
        <li>Rodney Thompson Middle School</li>
        <li>Colonial Forge High School</li>
    </ul>
    <h6 style="color:#6f9458">Management Agency:
    Corporation
    Fredericksburg, VA 22401 </h6>
  </div>

  <div class="col" style="float:right">
    <img src="sample.jpg" alt="">
  </div>
</div>

```

Here is what I'm looking for:

[![enter image description here](https://i.stack.imgur.com/5xSFq.png)](https://i.stack.imgur.com/5xSFq.png)

Answer: 
You can use inline style.

```
<div class="col" style="float:right">
    <img src="sample.jpg" alt="">
</div>

```
If you don't want to modify the themes' css (it's actually better not to do it) or to create a child theme (it's not always really necessary), and you're familiar with css, adding classes and ids, you can use a plugin like this one: <https://pl.wordpress.org/plugins/custom-css-js/> and put your css there. If it makes any problems it's easy to reverse (by simply deleting the modified code within this plugins' menu) with no harm to the theme.