Modify ↓
Ticket #12259 (closed enhancement: invalid)
Css class ui-icon should use 'inline-block' instead of block
| Reported by: | marcojanc@… | Owned by: | |
|---|---|---|---|
| Priority: | undecided | Milestone: | None |
| Component: | unfiled | Version: | 1.8.0 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
I tried to place an information icon at the end of a text inside the same line which is not possible. It always gets rendered in the next line.
A themeroller icon cannot be placed correctly at the end of a text for example using base css class ui-icon.
HTML:
This is a example text.<span class="ui-icon ui-icon-info"/>
*Fix: Use inline-block instead of block for display attribute*
.ui-icon
{
background-repeat: no-repeat;
display: inline-block;
overflow: hidden;
text-indent: -99999px;
}
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
Note: See
TracTickets for help on using
tickets.

Please report to http://bugs.jqueryui.com/