[CSS Help] Image - Text - Layout

programming web dev
1

[FONT=Courier New]How can I design in css an image of a text, then another image over, then another one with this format like this:

[/FONT] [FONT=Courier New]* border*************

  • [/FONT][FONT=Courier New]##### ##### ##### *
  • [/FONT][FONT=Courier New]#img# #img# #img# *
  • [/FONT][FONT=Courier New]##### ##### ##### *[/FONT][FONT=Courier New]
  • [/FONT][FONT=Courier New]##### ##### #####[/FONT][FONT=Courier New] *
  • [/FONT][FONT=Courier New]text1 text3 text4[/FONT][FONT=Courier New] *
  • [/FONT][FONT=Courier New]text2 text4 text5[/FONT][FONT=Courier New] *
    [/FONT][FONT=Courier New]*********************

I want to use a div tag. I already tried the “float:left” property of css and it’s ok, the problem is that my border is not covering the floating part.
like this:

[/FONT] [FONT=Courier New]* border*************
*[/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New]##### ##### ##### *
*[/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New]#img# #img# #img# *
[/FONT][FONT=Courier New]##### ##### #####[/FONT][FONT=Courier New]
[/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New][COLOR=PaleTurquoise][/COLOR][/FONT][FONT=Courier New]##### ##### #####[/FONT][FONT=Courier New]
[/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New]text1 text3 text4[/FONT][FONT=Courier New]
[/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New][COLOR=LightBlue].[/COLOR][/FONT][FONT=Courier New]text2 text4 text5[/FONT][FONT=Courier New]

Samples will help thanks.[/FONT]