Question: Hi I'm working on a little website and need some help with some CSS coding. I'm trying to display the image on top/first, insted of the a href headline and I can't use float to do this or change the HTML this has to be done only by CSS, anyone know an alternative way of doing this? TIA

```
<ul>
<li>
<a href="url">headline</a>
<a href="url"><img class="thumbnail" alt="" src="image.jpg"></a>
some text here...
<a href="url">read more about this article</a>
</li>
</ul>

```

Answer: 
1. On Eclipse Click File->Import , then Select General->Existing Projects into Wrokspace.
2. Select the folder which have your Project
3. Click on Finish
4. From Window->Preferences Menu, select Server->Runtime environments
5. ADd your Tomcat instance
6. From Window->Showview menu, select 'Servers'
7. On Servers Tab right click, select Add Server
8. Add Tomcat
9. Tomcat instance show up in 'Servers' Tab
10. Right click on 'Tomcat server' and select 'Add/Remove'
11. Add your Project to Tomcat
12. Right click on 'Tomcat server' again and click on 'Clean' then 'Publish'
13. Select Tomcat and click on Run button
1. In you **Project Explorer** right click 
then Select **Import Project**

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

2. In the import dialog box, Select **Web** and then select **WAR file**. Click on Next.

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

3. Finally in the **Target Runtime** select Tomcat Apache [**Note:** Apache Tomcat must be added in your server in Eclipse]. Select the WAR file that you want to add. Click on **Finish**

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