# How to wrap text with two different styles on same line?

**URL:** https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951
**Category:** web dev
**Created:** [October 23, 2014, 2:46pm UTC](https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951 "2014-10-23T14:46:49Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![ecsancho](https://avatars.discourse-cdn.com/v4/letter/e/b19c9b/32.png) [@ecsancho](https://forum.kirupa.com/u/ecsancho)
#### Post date: [October 23, 2014, 2:46pm UTC](https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951/1 "2014-10-23T14:46:49Z")

</div>

Hello  
See attached image on how I want my copy to wrap.  
I’m having issues with wrapping text with 2 different styles. So I have a headline with a larger bolder font and the body copy which is thinner. I want both headline and body copy to be treated as one text box but my body text keeps dropping a line below. Any ideas? Thanks in advance.

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [October 23, 2014, 3:16pm UTC](https://forum.kirupa.com/t/how-to-wrap-text-with-two-different-styles-on-same-line/351951/2 "2014-10-23T15:16:06Z")

</div>

Depends on the current state of your markup. If you’re using a heading element (`<h2>`, etc.), then you probably want to style it as `display: inline` or similar.