Question: From this [JSFiddle](https://jsfiddle.net/uuvLogcr/1/) you can see that if you press the 'toggle circle' button the circle which is inline with the text hides and shows. The text beside it moves as well because the `div` surrounding it centers the text using `text-align: center;`

```js
function hide() {
  $('img').toggle();
}
```

```css
div {
  text-align: center;
  background-color: grey;
  padding: 20px;
}
p {
  display: inline;
  color: white;
  vertical-align: top;
}
img {
  display: inline;
  width: 50px;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button onclick="hide();">Toggle Circle</button>

<div>
  <p>Lorem Ipsum</p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/1/13/Disc_Plain_red.svg">
</div>
```

I would like it so that the text is centered as if the circle is not there and then when the button is clicked the circle appears alongside it. Put simply I would like the centering of the text to not be affected by the circle even though it will still appear next to it.

How would I do this? Thanks.

Answer: 
Classes directory must be inside WEB-INF not along with it as mentioned by @JB Nizet in the comments
You should specify the full path to the servlet class in web.xml. 

```
<servlet-class>xxx.yy.z.TS</servlet-class>

```