how to align text around the button

[Jen]

Hi,

I have a list of button and the text, like a survey response, each line have a button and response text beside it. but when the screen is small, the text will wrap to the next line and did not align to the first line of the first character.

here are my codes:

.button { display: inline;}

.text {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt; color: #555555;
font-weight: normal;
line-height: 1.2em;
}

how can I make the css code to make the text align nicely?

Thanks

Jen

[Paulie_D]

Perhaps you could show us the problem in a Codepen.io reduced example?

[shaneisme]

I think you’re talking about something like this, but I made some updates:

http://codepen.io/drainpip/pen/BwFia

[Author]

Posts