Java/GWT/HTML

HTML Control With Style

package com.jexp.gwt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Grid;
public class GWTClient implements EntryPoint{
  public void onModuleLoad() {
    HTML html = new HTML("caption");
    html.setStyleName("layouts-Label");
    RootPanel.get().add(html);
  }
}
///////
.layouts-Label {
  background-color: #C3D9FF;
  font-weight: bold;
  margin-top: 1em;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
///////////
<module>
  <inherits name="com.google.gwt.user.User"/>
  <entry-point class="com.jexp.gwt.client.GWTClient"/>
  <stylesheet src="your.css"/>
</module>

Output HTML with HTML control

package com.jexp.gwt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.user.client.ui.KeyboardListenerAdapter;
import com.google.gwt.user.client.ui.TextArea;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.TextBoxBase;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.HTML;
public class GWTClient implements EntryPoint {
  public void onModuleLoad() {
    final TextBox textBox = new TextBox();
    
    HorizontalPanel p = new HorizontalPanel();
    p.setSpacing(4);
    textBox.setWidth("20em");
    p.add(textBox);
    final HTML echo = new HTML();
  
    p.add(echo);
    textBox.addKeyboardListener(new KeyboardListenerAdapter() {
        public void onKeyUp(Widget sender, char keyCode, int modifiers) {
          updateText(textBox, echo);
        }
    });
  
    updateText(textBox, echo);

    RootPanel.get().add(p);
  }
  
  private void updateText(TextBoxBase text, HTML echo) {
    echo.setHTML("Selection: " + text.getCursorPos() + ", "
        + text.getSelectionLength());
  }
  
}