Legend with an icon and text
Hi All,
I am trying to create an fieldset/legend with an icon, the problem is that I am unable to display the icon in the same line as the text of the legend, can anyone help me please :
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/sunny/jquery-ui.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div>
<fieldset class="ui-widget ui-widget-content">
<legend class="ui-widget-header ui-corner-all">
<div class="ui-icon ui-icon-alert"></div>
<div>alert......</div>
</legend>
some text....
</fieldset>
</div>
</body>
</html>