Wrap text around image in datalist

Hello. I have a datalist which contains a hyperlink with an imageURL and a label control. Both controls get their data from a sqldatasource. Currently the image is displayed and then on the next line the text is displayed.

I need to know how to wrap the text around the image... How can I accomplish this task?

Here is my code:

 <div>
            <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1">
                <ItemTemplate>
                    <asp:HyperLink ID="HyperLink1" NavigateUrl="~/Default.aspx" ImageUrl='<%# Eval("pictureURL") %>'
                        runat="server">Waterfall</asp:HyperLink><br />
                    <asp:Label ID="textLabel" runat="server" Text='<%# Eval("text") %>'></asp:Label>
                             </ItemTemplate>
            </asp:DataList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:testingConnectionString %>"
                SelectCommand="SELECT [pictureURL], [text] FROM [imageWrap]"></asp:SqlDataSource>
        </div>
gogetsomeAsked:
Who is Participating?
 
nauman_ahmedConnect With a Mentor Commented:
You can do this using CSS:

CSS Image Text Wrap
http://www.bigbaer.com/css_tutorials/css.image.text.wrap.htm

CSS Image Text Wrap Part 2
http://www.bigbaer.com/css_tutorials/css.image.text.wrap.tutorial.htm

--Nauman.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.