GUILayout: how do i wrap multiple gui elements in a border/panel type of background

Questions & Answers
1

I have a set of gui elements which show up as part of a list view:

//element 1
GUILayout.Lable(pictureLink1);
GUILayout.Lable(playername1);

//element 2
GUILayout.Lable(pictureLink2);
GUILayout.Lable(playername3);
.
.
.
etc.

what is the best way to encapsulate each element in a box like background/or panel which stretches around both components automatically irrespective of screen size(something like this: http://www.tiikoni.com/tis/view/?id=4e33b7d )?

2

Just use GUILayout.BeginHorizontal(), GUILayout.BeginVertical(), etc. with custom or pre-defined GUIStyle, like GUI.skin.box:

GUILayout.BeginVertical(GUI.skin.box);
GUILayout.Label("1");
GUILayout.Label("2");
GUILayout.EndVertical();