Text, image with border

**katy111** · 23-02-12

Hey everyone,

Im hunting for something that will allow me to place in a picture put text next to it and then put a border around it, iv searched the visual editor to maybe create a table? but couldnt find that so been hunting around for the css code that would let me do this but no luck with that either lol could someone point me in the right direction?

Thanks
Katy

**jonsp** · 23-02-12

Something like this - change width/colour etc to suit

Code:

<head>
<style type="text/css">
#yourDiv{border:1px solid red; padding:20px;width:300px; overflow:auto;}
#yourDiv img{float:left;margin:0 20px 0 0; }
</style>
</head>
<body>
<div id="yourDiv"><img src="YourImage.jpg" /><p>some text here</p></div>
</body>

**katy111** · 23-02-12

Hey thanks for the reply! would i put that in the visual editor html or the css edititor?

**katy111** · 23-02-12

Hiya managed to get that working thanks for the help!! i was wondering how would i link that box to another page when clicked on? i think it will be another piece of html code to put in the visual editor am i right?

**Tricky1** · 23-02-12

**katy111** · 23-02-12

Thanks for that, thats perfect!

Sorry to be a pain but i've been trying for ages and i can't seen to get them to line up so that they are side by side each other. I've tried putting them in the center but im having no luck. What am i doing wrong?