Span wrapping question

HTML & CSS
1

Hi there,

In the example linked below, I’m trying to figure out how to get the body to line up correctly with the icon. The problem occurs when I set the span’s font-weight to bold. This results in the width (with the icon and padding) of the whole exceeding the .closure width of 500px and thus the whole .body is pushed down to accommodate this without breaking up the .info span contents. I tried using word-wrap but to no avail…

Any ideas (or maybe a better way to achieve this layout)?

Thanks,

WS

2

I’m sorry, I do not quite understand what you mean. Can you break your page, and then give us a screenshot of ideally how it will look?

3

Yup. Just comment out ‘font-weight: bold;’ in ‘.closure.complete .body span’ at the bottom.

4

Eh, maybe something like this.

I’d honestly redo a lot of this code but I’m just honestly not in the mood to do so. This is good enough for now until someone else comes along and hopefully redoes this page.

5

Can you apply word-wrap to a span?

6

OK I just set a fixed width on .body and it’s sorted, although if there are betters ways of achieving the same layout I’d love to hear them :smile:
Thanks

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.