Home/ Questions/Q 4083766
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T18:21:17+00:00

I have a problem im trying to solve with css its best I show

  • 0

I have a problem im trying to solve with css its best I show you with an image:

enter image description here

My css:

div#test {
width:90%; 
z-index:1; 
padding:27.5px; 
border-top: thin solid #736F6E;
border-bottom: thin solid #736F6E;
color:#ffffff;
margin:0 auto;
}

Im trying to get it to wrap in all broswer types?

The other problem im wondering is if you look at the first image and a cropted image below I would also like to try add an X plus comment and img (hyperlinks) to each div like so:

enter image description here

No sure if thats possible via css?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    For the first issue, this should do the trick:

    white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;

    The order of those is important, for CSS2/CSS2.1/CSS3 progressive enhancement.

    For the second issue, it’s possible, sure, but semantically it depends what the image is of. If it’s not content-related, then use background-image: url('somepath/someimage.png');. Otherwise use an img tag in the HTML.

    • 0