Hey All,
How about something like this:
<html>
<head>
<style type="text/css">
h2 {
display: inline;
}
p.image {
float: left;
padding: 4px;
margin: 4px;
border: 1px solid #666666;
}
p.first {
display: inline;
}
</style>
</head>
<body>
<p class="image">Image Here</p>
<h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h2>
<p class="first">Aenean non tellus. Vivamus urna odio, lacinia at,
adipiscing et, luctus a, nulla. Donec vestibulum purus ac libero.
Vivamus fringilla. Nulla at risus at est tempor suscipit. Nulla eu felis
vitae neque malesuada suscipit. Sed pretium. Fusce a tortor. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per
inceptos hymenaeos. Cras nec mauris. Pellentesque velit ipsum,
condimentum ut, sollicitudin sed, sollicitudin eu, risus. Morbi eu
sapien in ligula pretium vulputate. Integer porttitor. In ut justo. Sed
est orci, feugiat eget, ornare nec, dapibus sed, lorem. Phasellus nibh
nibh, sodales non, convallis in, blandit sed, sapien. Donec commodo
metus quis tellus. Fusce vulputate augue et urna.</p>
<p>Fusce ut urna id velit vehicula vulputate. Etiam diam odio,
scelerisque eget, consectetuer a, congue sit amet, nunc. Integer lacus
augue, viverra ac, pretium nec, tincidunt in, elit. Mauris rhoncus
scelerisque massa. Nam commodo hendrerit nibh. Nulla facilisi. Duis
lobortis, mi nec imperdiet ultrices, tellus nunc porta metus, ac
scelerisque massa sem at eros. Curabitur sit amet arcu eget nunc
interdum viverra. Donec vel eros. Integer urna ante, accumsan ut,
suscipit id, dictum ut, lectus. Suspendisse vehicula mattis mi.</p>
</body>
</html>
- Chris
Ray Leventhal wrote:
> [EMAIL PROTECTED] wrote:
>> Hello all,
>>
>> I'd like to enclose the first sentence of my paragraph in a <h2> tag and
>> have it display inline. But I know I can't have a <h2> tag inside a
>> paragraph, but I want it to look like I can. :) For example, this is what
>> I WANT to do:
>>
>> _________________________________________
>>
>> <p><img class="floatleft" src="images/frenchie.jpg" width="190"
>> height="147" alt="French Bulldog />
>> <h2>I am a hobby breeder of French Bulldogs in California.</h2> I acquired
>> my first French Bulldog... </p>
>>
>> _________________________________________
>>
>> But I know that I'll need to do it this way instead:
>>
>> _________________________________________
>>
>>
>> <p><img class="floatleft" src="images/frenchie.jpg" width="190"
>> height="147" alt="French Bulldog /></p>
>> <h2>I am a hobby breeder of French Bulldogs in California.</h2>
>> <p>I acquired my first French Bulldog... </p>
>>
>> __________________________________________
>>
>> But, as expected, that floats my image to the left, gives me my header and
>> then the paragraph starts below it. I want the paragraph text to start up
>> against the header text.
>>
>> I tried using display:inline in my css for my header, but that didn't do
>> it for me. Any suggestions on how to get what I'm attempting???
>>
>> Thanks in advance!
> Hi Erin,
>
> I'd do an inline <span style="whatever style you'd like for h2"> for the
> first sentence within the paragraph, to achieve that goal easily.
>
> There's likely a more elegant solution; I'm not a big fan of inline
> styles, but at first glance, that'd be my suggestion.
>
> I'm looking forward to others' replies here!
>
> HTH,
> ~Ray
>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
